что такое html ?
hypertext markup language (html) является стандартным языком, предназначенным для создания гипертекстовых документов в среде web. html-документы могут просматриваться различными типами web-броузеров.
когда документ создан с использованием html, web-броузер может интерпретировать html для выделения различных элементов документа и первичной их обработки.
использование html позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.
большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. используя тэги html вы можете обозначать данные элементы, обеспечивая web-броузеры минимальной информацией для отображения данных элементов, сохраняя вцелом общую структуру и информационную полноту документов.
все что необходимо, чтобы прочитать html-документ - это web-броузер, который интерпретирует тэги html и воспроизводит на экране документ в виде, который ему придает автор.
в большинстве случаев автор документа строго определяет внешний вид документа.
в случае html читатель (основываясь на возможностях web-броузера может, в определенной степени, управлять внешним видом документа (но не его содержимым). html позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга html, а затем предоставляет web-броузеру интерпретировать эти тэги. например, один web-броузер может распознавать тэг начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и представляет документ в одну строку.
пользователи некоторых web-броузеров имеют, также, возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа.
html-тэги могут быть условно разделены на две категории: тэги, определяющие, как будет отображаться web-броузером тело документа вцелом и тэги, описывающие общие свойства документа, такие как заголовок или автор документа .
запомните, что основное преимущество html заключается в том, что ваш документ может быть просмотрен на web-броузерах различных типов и на различных платформах.
--------------------------------------------------------------------------------
основные теги
<html></html> указывает программе просмотра страниц что это html документ.
<head></head> определяет место, где помещается различная информация не отображаемая в теле документа. здесь располагается тег названия документа и теги для поисковых машин.
<body></body> определяет видимую часть документа
теги оглавления
<title></title> помещает название документа в оглавление программы просмотра страниц
атрибуты тела документа
<body bgcolor=?> устанавливает цвет фона документа, используя значение цвета в виде rrggbb - пример: ff0000 - красный цвет.
<body text=?> устанавливает цвет текста документа, используя значение цвета в виде rrggbb - пример: 000000 - черный цвет.
<body link=?> устанавливает цвет гиперссылок, используя значение цвета в виде rrggbb - пример: 00ff00 - зеленый цвет.
<body vlink=?> устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде rrggbb - пример: 333333 - серый цвет.
<body alink=?> устанавливает цвет гиперссылок при нажатии.
теги для форматирования текста
<pre></pre> обрамляет предварительно отформатированный текст.
<h1></h1> создает самый большой заголовок
<h6></h6> создает самый маленький заголовок
<b></b> создает жирный текст
<i></i> создает наклонный текст
<tt></tt> создает текст - имитирующий стиль печатной машинки.
<cite></cite> используется для цитат, обычно наклонный текст.
<em></em> используется для выделения из текста слова (наклонный или жирный текст)
<strong></strong> используется для выделения наиболее важных частей текста (наклонный или жирный текст)
<font size=?></font> устанавливает размер текста в пределах от 1 до 7.
<font color=?></font> устанавливает цвет текста, используя значение цвета в виде rrggbb.
гиперссылки
<a href="url"></a> создает гиперссылку на другие документы или часть текущего документа.
<a href="mailto:email">
</a> создает гиперссылку вызова почтовой программы для написания письма автору документа.
<a name="name"></a> отмечает часть текста как цель для гипперссылок в документе.
<a href="#name"></a> создает гиперссылку на часть текущего документа.
форматирование
<p> создает новый параграф
<p align=?> выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
<br> вставляет перевод строки.
<blockquote></blockquote> создает отступы с обеих сторон текста.
<dl></dl> создает список определений.
<dt> определяет каждый из терминов списка
<dd> описывает каждое определение
<ol></ol> создает нумерованный список
<li> определяет каждый элемент списка и присваивает номер
<ul></ul> создает ненумерованный список
<li> предваряет каждый элемент списка и добавляет кружок или квадратик.
<div align=?> важный тег используемый для форматирования больших блоков текста html документа, также используется в таблицах стилей
графические элементы
<img src="name"> добавляет изображение в html документ
<img src="name" align=?> выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
<img src="name" border=?> устанавливает толщину рамки вокруг изображения
<hr> добавляет в html документ горизонтальную линию.
<hr size=?> устанавливает высоту(толщину) линии
<hr width=?> устанавливает ширину линии, можно указать ширину в пикселах или процентах.
<hr noshade> создает линию без тени.
<hr color=?> задает линии определенный цвет. значение rrggbb.
таблицы
<table></table> создает таблицу.
<tr></tr> определяет строку в таблице.
<td></td> определяет отдельную ячейку в таблице.
<th></th> определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
атрибуты таблицы
<table border=#> задает толщину рамки таблицы.
<table cellspacing=#> задает расстояние между ячейками таблицы.
<table cellpadding=#> задает расстояние между содержимым ячейки и ее рамкой.
<table width=#> устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<tr align=?> или <td align=?> устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
<tr valign=?> или <td valign=?> устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.
<td colspan=#> указывает кол-во столбцов которое объединено в одной ячейке. (по умолчанию=1)
<td rowspan=#> указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)
<td nowrap> не позволяет программе просмотра делать перевод строки в ячейке таблицы.
кадры
<frameset></frameset> предваряет тег <body> в документе, содержащем кадры;
<frameset rows="value,value"> определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров.
<frameset cols="value,value"> определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.
<frame> определяет единичный кадр или область в таблице кадров.
<noframes></noframes> определяет, что будет показано в окне браузера если он не поддерживает кадры.
атрибуты кадров
<frame src="url"> определяет какой из html документов будет показан в кадре.
<frame name="name"> указывает имя кадра или области, что позволяет выводить информацию в этот кадр или область из других кадров.
<frame marginwidth=#> определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1.
<frame marginheight=#> определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1.
<frame scrolling=value> указывает будет ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto". значение по умолчанию для обычных документов - auto.
<frame noresize> препятствует изменению размеров кадра.
формы
для форм, выполняющих какие-то функции должны быть запущены соответствующие cgi скрипты на сервере. html только создает внешний интерфейс формы.
<form></form> создает формы
<select multiple name="name" size=?></select> создает меню со скролингом. size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.
<option> указывает каждый отдельный элемент меню
<select name="name"></select> создает ниспадающее меню
<option> указывает каждый отдельный элемент меню
<textarea name="name" cols=40 rows=8></textarea> создает окно для ввода текста. columns указывает ширину окна; rows указывает его высоту.
<input type="checkbox" name="name"> создает checkbox. за тегом следует текст.
<input type="radio" name="name" value="x"> создает radio кнопку. за тегом следует текст.
<input type=text name="foo" size=20> создает строку для ввода текста. параметром size указывается длина в символах.
<input type="submit" value="name"> создает кнопку "принять"
<input type="image" border=0 name="name" src="name.gif"> создает кнопку "принять" - для этого используется изображение
<input type="reset"> создает кнопку "отмена"
