- •От автора
- •0. Самые начальные сведения Гипертекст? html?
- •Что понадобится для освоения html?
- •Необходимое отступление о редакторах html
- •1. Простейший документ в сети Документ такой красивый – интересно, что внутри
- •Обязательные теги
- •2. Абзац!
- •Непарные метки
- •Форматирование шрифта
- •Физические стили
- •Логические стили
- •Комментарии
- •3. Целые списки из абзацев, или как нам организовать текст
- •Вложенные списки
- •4. In the Outside. Гиперсвязи Связывание
- •Изображения в html-документе
- •5. Бантики в заголовках или как "я раскрашу целый свет..." Цветовая гамма Вашего документа
- •Что в хедере тебе моем..?
- •6. Страсти по табулированию
- •Внутренняя жизнь таблиц
- •"Мы с Тамарой ходим парой" или параллельные тексты
- •Полные чисел таблицы
- •Ячейка, которая требует большего
- •Играем во вложенность
- •7. Сплошной формАлизм
- •Анатомия формы
- •Форменные кнопки
- •Начинаем собирать данные
- •Форму – почтой
- •8. Единственный практический вопрос
- •Правила хорошего тона при разработке html-документов
- •Используйте продуманную иерархию заголовков
- •Следите за вложенностью меток
- •... И затащить на него посетителей
- •Оглавление
- •65 Руководство Web-дизайнера
Обязательные теги
<html> ... </html>
Тег <html> должен открывать HTML-документ. Аналогично, тег </html> должен завершать HTML-документ.
<head> ... </head>
Эта пара тегов указывает на начало и конец заголовка документа. Обычно HTML-документы содержат заголовки, но в простейшем случае заголовка может попросту не быть. Помимо наименования документа (см. описание метки <title> ниже), в этот раздел может включаться множество служебной информации, о которой мы поговорим чуть позже.
<title> ... </title>
Все, что находится между метками <title> и </title>, толкуется браузером как название документа. Netscape Navigator, например, показывает название текущего документа в заголовке окна и печатает его в левом верхнем углу каждой страницы при выводе на принтер. Рекомендуется название не длиннее 64 символов.
<body> ... </body>
Эта пара тегов указывает на начало и конец тела HTML-документа, каковое собственно, и определяет содержание документа.
<H1> ... </H1> — <H6> ... </H6>
Метки вида <Hi> (где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий, детализирующий.
Обычно используют заголовки верхних уровней. Так можно записать заголовок для всего документа и для него использовать H1, либо разделить документ на главные части, и записать соответствующие названия для них, используя H1 с ALIGN=LEFT. Если необходимо, можно разделить документ на меньшие части с заголовками H2, и, если необходимо, разделите каждую из этих подчастей на части уровня ниже этого с заголовками H3. Избегайте использования заголовков H4 и, в особенности, заголовков H5 и H6, так как они выводятся на экран маленьким шрифтом, отчего документ становится трудночитаемым.
<P> ... </P>
Такая пара меток описывает абзац. Все, что заключено между <P> и </P>, воспринимается как один абзац. Если абзац просто текстовый, то система при его интерпретации игнорирует множественные пробелы и переходы со строки на строку, заменяя их единственным пробелом. Между тегами начала и конца абзаца может быть расположено сколько угодно пустых строк – все они не будут выведены на экран, так как браузер рассматривает их как простой пробел и не завершает текущий абзац на пустой строке.
Теги <Hi> и <P> могут содержать дополнительный атрибут ALIGN (выравнивать), например:
<H1 ALIGN=CENTER>Выравнивание заголовка по центру</H1>
или
<P ALIGN=RIGHT>Образец абзаца с выравниванием по правому краю</P>
Подытожим все, что мы знаем, с помощью примера 2:
<html>
<head>
<title>Пример с выравниванием</title>
</head>
<body>
<H1 ALIGN=CENTER> Hello!</H1>
<H2>Это чуть более сложный пример HTML-документа</H2>
<P>Теперь мы знаем, что абзац можно выравнивать не только влево,
</P> <P ALIGN=CENTER>но и по центру</P> <P ALIGN=RIGHT>или
даже по правому краю.</P>
</body>
</html>
Вот теперь Вы знаете достаточно, чтобы создавать простейшие HTML-документы самостоятельно от начала до конца. В следующем разделе мы обсудим, как можно улучшить этот простейший HTML-документ. Начнем с малого – с абзаца.
