Главная Учебники по HTML и CSS Статьи про Html Шаблоны сайтов Про Хостинг Заработок Продвижение
Практическое руководство по HTML
Глава 2. Наш первый HTML-документ
Как устроен HTML-документ
HTML-документ — это просто текстовый файл с расширение *.htm (Unix-системы могут содержать файлы с расширение *.html ). Вот самый простой HTML-документ:
Это простейший пример HTML-документа. </P> <P> Этот *.htm-файл может быть одновременно открыт и в Notepad, и в Netscape. Сохранив изменения в Notepad, просто нажмите кнопку Reload ('перезагрузить')в Netscape, чтобы увидеть эти изменения реализованными в HTML-документе. </P> </body> </html>
Для удобства чтения я ввел дополнительные отступы, однако в HTML это совсем не обязательно. Более того, браузеры просто игнорируют символы конца строки и множественные пробелы в HTML-файлах. Поэтому наш пример вполне мог бы выглядеть и вот так:
Как видно из примера, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками "<"и ">". Такой фрагмент (например <html> )называется меткой (по-английски — tag, читается "тэг").
Большинство HTML-меток — парные, то есть на каждую открывающую метку вид <tag> есть закрывающая метка вид </tag> с тем же именем, но с добавлением "/". Метки можно вводить как большими, так и маленькими буквами.
Например, метк <body> <BODY> <Body> будут восприняты браузером одинаково. Многие метки, помимо имени, могут содержат атрибуты — элементы, дающие дополнительную информацию о том, как браузер должен обработать текущую метку. В нашем простейшем документе, однако, нет ни одного атрибута. Но мы обязательно встретимся с атрибутами уже в следующем разделе
Обязательные метки
<html>... </html>
Метк <html> должна открывать HTML-документ. Аналогично, метк </html> должна завершать HTML-документ
<head>... </head>
Эта пара меток указывает на начало и конец заголовка документа. Помимо наименования документа (см. описание метк <title> ниже), в этот раздел может включаться множество служебной информации, о которой мы обязательно поговорим чуть позже
<title>... </title>
Все, что находится между меткам <title> </title> , толкуется браузером как название документа Netscape Navigator , например, показывает название текущего документа в заголовке окна и печатает его в левом верхнем углу каждой страницы при выводе на принтер. Рекомендуется название не длиннее 64 символов
<body>... </body>
Эта пара меток указывает на начало и конец тела HTML-документа, каковое тело, собственно, и определяет содержание документа
<H1>... </H1>— <H6>... </H6>
Метки вид <Hi> (гд i — цифра от 1 до 6)описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий
<P>... </P>
Такая пара меток описывает абзац. Все, что заключено межд <P> </P> , воспринимается как один абзац. Метк <Hi> <P> могут содержать дополнительный атрибу ALIGN (читается "элайн", от английского "выравнивать"), например:
<H1 ALIGN=CENTER>Выравнивание заголовка по центру</H1><P ALIGN=RIGHT>Образец абзаца с выравниванием по правому краю</P>
Подытожим все, что мы знаем, с помощью примера 2:
С этого момента Вы знаете достаточно, чтобы создавать простые HTML-документы самостоятельно от начала до конца. В следующем разделе мы поговорим, как можно улучшить наш простой HTML-документ. Начнем с малого — с абзаца.
К предыдущей главе| К оглавлению|К следующей главе
Николай Чувахин, адрес электронной почты nc@iname.com , сервер Интернет http://www.yi.com/home/ChuvakhinNikolai/ .