Правильная структура HTML 4.01 документа 


Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Правильная структура HTML 4.01 документа



Такой должна быть начальная структура HTML документа:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Структура HTML документа</title> </head> <body> </body> </html>

Самостоятельно добавьте параграфы, заголовок и посмотрите, что вышло. Не забывайте после каждого сохранения документа обновлять содержимое окна браузера нажатием кнопки в Mozilla Firefox или кнопки в Internet Explorer, или F5, чтобы изменения вступали в силу.

У вас все получилось? – Значит вы были внимательны и все сделали правильно.

Комментарий к HTML коду:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> – указывает браузеру с каким именно документом он имеет дело.

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> – определяет тип контента и кодировку, windows-1251 – поддерживает как латинский так и кириллистический алфавит.

Внимание! В связи с тем, что версия HTML 4.01 морально устарела предлагаю ознакомиться со структурой XHTML. Последующие уроки полностью адаптированы под XHTML, то есть в примерах представлены теги из XHTML, к примеру, вместо устаревшего тега <br> используется <br />, вместо <img> – <img /> и так далее.

Структуру документа HTML 4.01 нужно употреблять в случае, если вы планируете использовать бегущую строку, так как теги <markquee> </markquee> запрещены как в XHTML, так и в, пока еще без статуса рекомендации, HTML 5.

Ваш сайт может содержать одновременно несколько типов документов. К примеру, если вы в своей работе используете структуру XHTML 1.0, вам ничто не помешает иметь HTML 4.01 страницы.

Смотрите дополнительно: структура HTML 5...

HTML теги, определяющие HTML заголовки

HTML заголовок как самостоятельный элемент интернет-страницы.

Дальше в примерах будут показаны только участки кода, но в своих экспериментах не забывайте прописывать его целиком, по шаблону из первого урока и после каждого изменения в документе обновляйте web-страницу, нажатием на в Mozilla Firefox или на в Internet Explorer, или F5.

  1. HTML заголовки 6-ти уровней
  2. HTML заголовок слева, по центру страницы, справа

В предыдущем уроке вы познакомились с HTML заголовком 3-го уровня – всего их 6:

<html> <head> <title>HTML заголовки</title> </head> <body> <h1>HTML заголовок 1-го уровня</h1> <h2>HTML заголовок 2-го уровня</h2> <h3>HTML заголовок 3-го уровня</h3> <h4>HTML заголовок 4-го уровня</h4> <h5>HTML заголовок 5-го уровня</h5> <h6>HTML заголовок 6-го уровня</h6> </body> </html>

Для тегов заголовков характерно следующее: чем меньше цифра, тем больше размер шрифта.

Результат: HTML заголовки и их размеры

Зачем в тексте заголовки думаю понятно, к тому же, они используются поисковыми машинами для анализа содержимого web-страниц.

  • HTML заголовок определяет название отдельной статьи или web-страницы.
  • В идеале страница должна иметь не более одного HTML заголовка 1-го уровня, не более двух второго уровня и так далее.
  • HTML заголовки, независимо от того, что каждому уровню соответствует определенный размер, могут быть любых размеров – с помощью CSS возможно какое угодно форматирование.

HTML заголовки и их горизонтальное выравнивание

Примеры:

<h3 align="left" style="color:Tomato">HTML заголовок слева</h3>

 

HTML заголовок слева

 

<h2 align="center" style="color:Black">HTML заголовок по центру</h2>

 

HTML заголовок по центру

 

<h1 align="right" style="color:Gray">HTML заголовок справа</h1>

 

HTML заголовок справа

Атрибуты и значения

  • align="" – определяет горизонтальное выравнивание.
  • align="left" – определяет выравнивание по левой стороне (по умолчанию).
  • align="right" – выравнивание по правой стороне.
  • align="center" – определяет горизонтальное центрирование.
  • style="color:" – определяет цвет текста.

Элементы style="" есть линейные CSS включения.



Поделиться:


Последнее изменение этой страницы: 2016-08-01; просмотров: 205; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.138.122.4 (0.007 с.)