Следует учитывать, что один и тот же тег может одновременно принадлежать
разным группам, например, теги <ol> и <ul> относятся к категории списков, но также являются и
блочными элементами.
Далее рассмотрим только те теги, которые потребуются нам в дальнейшей
работе.
Теги верхнего уровня
Эти теги предназначены для формирования структуры веб-страницы и определяют
раздел заголовка и тела документа.
<HTML>
Тег <html> является контейнером, который
заключает в себе всё содержимое веб-страницы, включая теги <head> и <body>. Открывающий
и закрывающий теги <html> в документе
необязательны, но хороший стиль диктует непременное их использование.
<HEAD>
Тег <head> предназначен для хранения других
элементов, цель которых — помочь браузеру в работе с данными. Также внутри
контейнера <head> находятся метатеги, которые
используются для хранения информации, предназначенной для браузеров и поисковых
систем. Например, механизмы поисковых систем обращаются к метатегам для
получения описания сайта, ключевых слов и других данных.
<BODY>
Тег <body> предназначен для хранения содержания
веб-страницы, отображаемого в окне браузера. Информацию, которую следует
выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения,
таблицы, списки и др.
Теги заголовка документа
К этим тегам относятся элементы, которые располагаются в контейнере <head>. Все эти теги напрямую не отображаются в окне
браузера, за исключением тега <title>, который
определяет название веб-страницы.
<TITLE>
Используется для отображения строки текста в левом верхнем углу окна
браузера. Такая строка сообщает пользователю название сайта и другую информацию,
которую добавляет разработчик.
<META>
Метатеги используются для хранения информации, предназначенной для браузеров
и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам
для получения описания сайта, ключевых слов и других данных. Хотя тег <meta> всего один, он имеет массу параметров, поэтому к
нему и применяется множественное число.
Блочные элементы
Блочные элементы характеризуются тем, что занимают всю доступную ширину,
высота элемента определяется его содержимым, и он всегда начинается с новой
строки.
<BLOCKQUOTE>
Предназначен для выделения длинных цитат внутри документа. Текст,
обозначенный этим тегом, традиционно отображается как выровненный блок с
отступами слева и справа (примерно по 40 пикселов), а также с пустым
пространством сверху и снизу.
<DIV>
Тег <div> относится к универсальным блочным
контейнерам и применяется в тех случаях, где нужны блочные элементы без
дополнительных свойств. Также с помощью тега <div>
можно выравнивать текст внутри этого контейнера с помощью параметра align.
<H1>...<H6>
Эта группа тегов определяет текстовые заголовки разного уровня, которые
показывают относительную важность секции, расположенной после заголовка.
<HR>
Рисует горизонтальную линию, которая по своему виду зависит от используемых
параметров, а также браузера. Линия всегда начинается с новой строки, а после
нее все элементы отображаются на следующей строке.
<P>
Определяет параграф (абзац) текста.
<PRE>
Задает блок предварительно форматированного текста. Такой текст отображается
обычно моноширинным шрифтом и со всеми пробелами между словами. В HTML любое
количество пробелов идущих в коде подряд на веб-странице показывается как один.
Тег <pre> позволяет обойти эту особенность и
отображать текст как требуется разработчику.
Следующие теги не должны размещаться внутри контейнера <pre>: <big>, <img>, <small>, <sub> и <sup>.