Форум города Днепр (Днепропетровска)

Форум города Днепр (Днепропетровска) (http://forum.dneprcity.net/index.php)
-   Нtml (http://forum.dneprcity.net/forumdisplay.php?f=160)
-   -   Наш первый HTML-документ (http://forum.dneprcity.net/showthread.php?t=8546)

Strelok 30.09.2010 14:16

Наш первый HTML-документ
 
Как устроен HTML-документ

HTML-документ — это просто текстовый файл с расширением *.html (Unix-системы могут содержать файлы с расширением *.htmll). Вот самый простой HTML-документ:


<br /> Пример 1 <br />



Привет!



Это простейший пример HTML-документа.



Этот *.html-файл может быть
одновременно открыт и в Notepad, и в Netscape.
Сохранив изменения в Notepad, просто нажмите
кнопку Reload ('перезагрузить') в Netscape,
чтобы увидеть эти изменения реализованными
в HTML-документе.





Если хотите, можно посмотреть этот пример прямо сейчас.

Для удобства чтения я ввел дополнительные отступы, однако в HTML это совсем не обязательно. Более того, браузеры просто игнорируют символы конца строки и множественные пробелы в HTML-файлах. Поэтому наш пример вполне мог бы выглядеть и вот так:


Пример 1


Привет!


Это простейший пример HTML-документа.


Этот *.html-файл может быть одновременно открыт
и в Notepad, и в Netscape.
Сохранив изменения в Notepad, просто нажмите кнопку
Reload ('перезагрузить') в Netscape, чтобы увидеть
эти изменения реализованными в HTML-документе.





Как видно из примера, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками "<" и ">". Такой фрагмент (например, ) называется меткой (по-английски — tag, читается "тэг").

Большинство HTML-меток — парные, то есть на каждую открывающую метку вида есть закрывающая метка вида с тем же именем, но с добавлением "/".

Метки можно вводить как большими, так и маленькими буквами. Например, метки , и будут восприняты браузером одинаково.

Многие метки, помимо имени, могут содержать атрибуты — элементы, дающие дополнительную информацию о том, как браузер должен обработать текущую метку. В нашем простейшем документе, однако, нет ни одного атрибута. Но мы обязательно встретимся с атрибутами уже в следующем разделе.

Обязательные метки

...


Метка должна открывать HTML-документ. Аналогично, метка должна завершать HTML-документ.

...

Эта пара меток указывает на начало и конец заголовка документа. Помимо наименования документа (см. описание метки ниже), в этот раздел может включаться множество служебной информации, о которой мы обязательно поговорим чуть позже. <br /> <br /> <b><title> ...

Все, что находится между метками и , толкуется браузером как название документа. Netscape Navigator, например, показывает название текущего документа в заголовке окна и печатает его в левом верхнем углу каждой страницы при выводе на принтер. Рекомендуется название не длиннее 64 символов.

...

Эта пара меток указывает на начало и конец тела HTML-документа, каковое тело, собственно, и определяет содержание документа.

...

...


Метки вида (где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий.

...



Такая пара меток описывает абзац. Все, что заключено между

и

, воспринимается как один абзац.

Метки и

могут содержать дополнительный атрибут ALIGN (читается "элайн", от английского "выравнивать"), например:

Выравнивание заголовка
по центру



или

Образец абзаца с выравниванием
по правому краю



Подытожим все, что мы знаем, с помощью примера 2:


Пример 2


Привет!


Это чуть более сложный пример
HTML-документа


Теперь мы знаем, что абзац можно выравнивать
не только влево,


но и по центру


или по правому краю.





С этого момента Вы знаете достаточно, чтобы создавать простые HTML-документы самостоятельно от начала до конца. В следующем разделе мы поговорим, как можно улучшить наш простой HTML-документ. Начнем с малого — с абзаца.


Текущее время: 18:14. Часовой пояс GMT +3.

Powered by vBulletin® Version 3.7.0
Copyright ©2000 - 2019, vBulletin Solutions Inc. Перевод: zCarot