- •От автора
- •0. Самые начальные сведения Гипертекст? html?
- •Что понадобится для освоения html?
- •Необходимое отступление о редакторах html
- •1. Простейший документ в сети Документ такой красивый – интересно, что внутри
- •Обязательные теги
- •2. Абзац!
- •Непарные метки
- •Комментарии
- •Форматирование шрифта
- •Физические стили
- •Логические стили
- •3. Целые списки из абзацев, или как нам организовать текст
- •Вложенные списки
- •4. In the Outside. Гиперсвязи Связывание
- •Изображения в html-документе
- •5. Бантики в заголовках или как "я раскрашу целый свет..." Цветовая гамма Вашего документа
- •Что в хедере тебе моем..?
- •6. Страсти по табулированию
- •Внутренняя жизнь таблиц
- •"Мы с Тамарой ходим парой" или параллельные тексты
- •Полные чисел таблицы
- •Ячейка, которая требует большего
- •Играем во вложенность
- •7. Сплошной формАлизм
- •Анатомия формы
- •Форменные кнопки
- •Начинаем собирать данные
- •Форму – почтой
- •8. Единственный практический вопрос
- •Правила хорошего тона при разработке html-документов
- •Используйте продуманную иерархию заголовков
- •Следите за вложенностью меток
- •... И затащить на него посетителей
- •Оглавление
- •65 Руководство Web-дизайнера
Необходимое отступление о редакторах html
В настоящее время широко используются два типа редакторов HTML:
Редакторы типа "что видишь, то и получишь" (Netscape Navigator Gold, Microsoft Front Page). Пользователь не видит "внутренностей" документа, с которым он работает, точно так же, как при работе с текстовым процессором типа Microsoft Word или Word Perfect. Кстати говоря, существует довольно много конвертеров, способных преобразовывать документы, созданные в Microsoft Word или Word Perfect, в HTML-документы.
Редакторы собственно HTML-текстов (HotDog, Ken Nesbitt Web Editor и многие другие). В процессе работы пользователь видит внутреннее содержание HTML-файла и может изменять его либо вручную, либо вызывая команды меню для вставки определенных элементов HTML. Работа с таким редактором очень похожа на работу с интерактивной средой программирования типа Microsoft Visual Basic или Borland Delphi.
Когда Вы освоите HTML в минимальной степени, Вы сами сможете подобрать себе редактор по вкусу. (Николай Чувахин – nc@pioneer.ru)
1. Простейший документ в сети Документ такой красивый – интересно, что внутри
HTML-документ – это просто-напросто текстовый файл с расширением .html (в некоторых э-э-э... самых примитивных системах типа Windows расширения могут содержать только 3 символа; тогда используется их редуцирование до .htm). Вот пример самого простого HTML-документа:
<html>
<head>
<title>
Простейший документ
</title>
</head>
<body>
<H1>
Hello Everybody!
</H1>
<P>
Это простейший пример HTML-документа.
</P>
<P>
Этот файл – prima1.htm – может быть получен по сети
с сервера и сохранен на локальном диске.
Затем его можно одновременно открыть и в Блокноте,
и в Netscape. Выполните в Блокноте какие-либо модификации
этого файла и сохраните изменения. Не закрывая Блокнот
переключитесь в Netscape и нажмите кнопку Reload
чтобы увидеть эти изменения реализованными в
HTML-документе.
</P>
</body>
</html>
Для удобства чтения здесь введены дополнительные отступы, однако в HTML это совсем не обязательно. Более того, браузеры просто игнорируют символы конца строки и множественные пробелы в HTML-файлах. Поэтому наш пример вполне мог бы выглядеть и вот так:
<html>
<head>
<title>Простейший документ</title>
</head>
<body>
<H1>Hello Everybody!</H1>
<P>Это простейший пример HTML-документа.</P>
<P> Этот файл – prima1.htm – может быть получен по сети с сервера
и сохранен на локальном диске. Затем его можно одновременно
открыть и в Блокноте,и в Netscape.
Выполните в Блокноте какие-либо модификации этого файла и сохраните
изменения. Не закрывая Блокнот переключитесь в Netscape
и нажмите кнопку Reload чтобы увидеть эти изменения
реализованными в HTML-документе.</P>
</body>
</html>
Как видно, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками < и >. Такой фрагмент (например, <html>) называется тегом (tag) или меткой.
Большинство HTML-тегов – парные, то есть на каждую открывающую метку вида <tag> есть закрывающая метка вида </tag> с тем же именем, но с добавлением / (дробная черта). Метки можно вводить как большими, так и маленькими буквами. Например, теги <body>, <BODY> и <Body> будут восприняты браузером одинаково.
Многие теги, помимо имени, могут содержать атрибуты – элементы, дающие дополнительную информацию о том, как браузер должен обработать текущую метку. В нашем простейшем документе нет ни одного атрибута. Но нам придется обязательно встретиться с атрибутами при создании более сложных документов.