HTML – это теговый язык разметки web-страниц, интерпретируемый браузером и отображаемый им в виде удобно-читаемого документа.
Любой HTML документ состоит из элементов, начало и конец которых обозначены тегами. Например:
<strong>текст между открывающим и закрывающим тегами strong</strong>
Результатом интерпретации браузером этого html-кода станет строка, выделенная жирным начертанием:
текс между открывающим и закрывающим тегами strong
Элементы могут быть и пустыми, т.е. без вложений (содержания). В этом случае закрывающий тег обычно не указывается. Например, тег перевода строки:
строка до тега перевода строки<br>строка после тега перевода строки
Результат интерпретации браузером этого html-кода примет вид:
строка до тега перевода строки
строка после тега перевода строки
Открывающийся тег может содержать атрибуты определяющие его свойства. Значение атрибута обычно заключено в кавычки, Например:
<font color="red">текс между открывающим и закрывающим тегами font с атрибутом color, имеющий значение red</font>
Результатом интерпретации браузером этого html-кода станет строка, получившая свойство color (с англ. цвет) со значением red (с англ. красный):
текс между открывающим и закрывающим тегами font с атрибутом color, имеющий значение red
Название тегов и его атрибутов в HTML не зависят от регистра. Например:
<FONT Color="red">текс между открывающим и закрывающим тегами font с атрибутом color, имеющий значение red</FONT>
Данный html-код будет интерпретирован браузером также как и выше приведённый пример.
Для того же, чтобы браузер не интерпретировал тот или иной код используется тег комментариев, начинающийся комбинацией: <!−− и заканчивающийся: −−>. Например:
<!−− не интерпретируемый html-код −−>
В HTML есть и сущности – специальные символы, представляющие собой комбинацию из символа амперсанда (&), имени или юникода и символа точки с запятой (;). Например, комбинация символов (сущность): © – будет интерпретирован как символ: ©
Каждый HTML документ должен начинаться с объявления «типа документа» (DOCTYPE), т.е. соответствия тому или иному стандарту. Например:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" http://www.w3.org/TR/html4/loose.dtd>
Здесь указан переходный (англ. Transitional) тип документа соответствующий стандарту HTML 4.01.
Сам HTML-документ, тоже являющийся элементов, начало и конец которого обозначены тегами: <html> ... </html> — должен содержать два основных вложенных элемента: head (с англ. заголовок) и body (а англ. тело). Первый содержит «техническое» описание документа, а второй — его html-код.
Вот как может выглядит обобщённая структура html-документа:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<!−− техническое описание документа −−>
</head>
<body>
<!−− html-код документа −−>
</body>
</html>
