Структурные теги
<html>...</html> - теги, являющиеся признаком начала и конца документа. Тег <html> должен открывать HTML-документ. Аналогично, тег </html> должен завершать HTML-документ.
<head>...</head> - эта пара тегов указывает на начало и конец заголовка документа (Web-страницы). Помимо наименования документа (см. описание тега <title> ниже), в этот раздел может включаться множество служебной информации.
<title>...</title> - все, что находится между тегами <title> и </title>, толкуется браузером как название документа. Текст, размещенный за тегом <title>, отображается в заголовке окна браузера.
<body>...</body> - эта пара меток указывает на начало и конец тела HTML-документа и определяет содержание документа (Web-страницы).
Элементы форматирования на уровне блоков
При формировании Web-страниц часто требуется определить уровни заголовков. Существует шесть уровней, которые задаются тегами вида:
<h1>...</h1> — <h6>...</h6>
Заголовок первого уровня — самый крупный, шестого уровня, естественно, самый мелкий.
<p>...</p> - такая пара тегов описывает абзац. Все, что заключено между <P> и </P>, воспринимается как один абзац. Закрывающий тег может быть опущен.
Поскольку НТМL документы это текстовые файлы, для их создания можно воспользоваться любым текстовым редактором, например Notepad (Блокнот). Все НТМL – файлы следует сохранять с расширением .htm или .html. Это укажет компьютеру, что файл не просто текстовый, а содержит коды НТМL.
Вот самый простой HTML-документ:
<html>
<head>
<title>
пример1
</title>
</head>
<body>
<h1>
Давайте познакомимся
</h1>
<p>
Сегодня я решил создать свою страницу
</p>
<p>
Мой девиз: "Дорогу осилит идущий". Это позволит мне учиться, учиться, учиться везде всегда и всему…
</p>
</body>
</html>
После создания НТМL – файла, его необходимо просмотреть Web-браузером, например Internet Explorer. В интерпретации браузера наш пример будет выглядеть так:
Давайте познакомимся
Сегодня я решил создать свою страницу
Мой девиз: "Дорогу осилит идущий". Это позволит мне учиться, учиться, учиться везде всегда и всему…
Теги <h > и <p> могут содержать дополнительный атрибут align, обычно указывается одно из трех значений этого атрибута:
align=center – выравнивание по центру;
align=left – выравнивание по левому краю;
align=right – выравнивание по правому краю.
Например: <h1 align=center>
П
одытожим
все, что мы знаем, с помощью примера:
<html>
<head>
<title>Пример 2</title>
</head>
<body>
<h1 ALIGN=CENTER>Ну вот! Я уже кое-чему научился</h1>
<h2>Умею располагать абзацы </h2>
<p>Знаю, что абзацы можно выравнивать не только влево, </p>
<p ALIGN=CENTER>но и по центру</p> <p ALIGN=RIGHT>или по правому краю.</p>
</body>
</html>