|
Здравствуйте уважаемые
подписчики! Это моя первая рассылка,
по этому свои предложения присылайте по
адресу volen@in.vn.ua .
Первое
знакомство с языком HTML!
Давайте начну я без
всяких там объяснений, а только скажу, что
такое Html, ведь не рассказав о главном
предмете нашего разговора я не смогу
перейти к следующим главам (ну или
главкам :-). Так что же такое Html ? А тут
все очень просто, достаточно просто
расшифровать это название и перевести
его. Hyper Text Markup Language - Язык Разметки
Гипер Текстов. Ну это значит такой язычок
программирования с помощью которого
можно создавать супер гипер тексты :-).
Файл, содержащий HTML документ должен иметь
расширение имя_файла.htm или имя_файла.html. К
счастью, программы просмотра терпимы к
нарушениям стандарта и ошибкам в
синтаксисе: если они встречают флажок,
который им незнаком, они делают вид что
этого флажка вообще не было. Для
компоновки Web-страничек можно
использовать любой текстовый редактор,
сохраняющий "только текст", т.е.
текст без символов форматирования,
установки шрифтов и т.д. Например блокнот,
редактор Norton Commander-а, edit в DOS или vi в UNIX.
Картинки и другие нетекстовые компоненты
не вставляются в документ, а
непосредственно и хранятся отдельно.
Вместо этого в текст вставляется ссылка,
указывающая программе просмотра имя
файла, содержащего картинку. Стандартно
поддерживаются только фораты картинок GIF
и JPEG. Для создания страничек совершенно
не обязательно иметь доступ к сети. Все
известные мне программы просмотра (Internet
Explorer, Netscape, Mosaic, lynx и т.д.) могут открыть
файл с документом, находящийся на Вашем
жестком диске. (В IE, например, для этого из
меню "File" надо выбрать пункт "open...).
Вот самый простой HTML-документ:
<html>
<head>
<title>
Это название документа.
</title>
</head>
<body>
<H2>
HELLO!
</H2>
<P>
Это простейший пример HTML-документа.
</P>
<P>
Тут текст второго абзаца!
</P>
</body>
</html>
Вся
информация HTML документа
сосредоточена в его фрагментах,
заключенных между знаками "<" и
">". Такой фрагмент (например, <body>)
называется меткой (по-английски " tag). Большинство
тэгов - парные(то есть на каждую открывающую
метку вида <х>
есть закрывающая метка вида </х>)
с тем же именем, но с добавлением "/".
Метки можно вводить как большими, так и
маленькими буквами. Например, метки <html>,
<HtMl>, <Html>
и <HTML>
будут восприняты браузером одинаково.
Ну в принципе можно добавить еще только
одно : в некоторых тегах закрывающая
скобка не важна и поэтому ее можно
просто не писать. Это поможет вам сэкономить
время и байты :-). Если будут встречаться
такие теги, то я обязательно буду
говорить об этом. HTML документ созтоит из
заголовка (head) и тела (body).
Метки без которых не
обойтись!
1. <html> ... </html>
Метка <html>
это та метка без которой не может быть HTML-документа.
Метка <html>
должна открывать и </html>закрывать
HTML-документ.
2. <head> ... </head>
Эта пара меток
указывает на начало и конец заголовка
документа. В этот раздел может включаться
множество служебной информации (автор,
описание документа, ключевые слова для поисковых
машин, ) о
которой мы обязательно поговорим чуть
позже.
2.1 <title> ... </title>
Все, что находится
между метками <title>
и </title>, пишется
браузером как название документа. IE(Internet
Explorer), например, показывает название
текущего документа в заголовке окна.
Рекомендуется название не длиннее 64
символов.
3. <body> ... </body>
Переводя с англ. метка
указывает на начало и конец тела HTML-документа,
собственно что в ней написано то и определяет
содержание документа.
3.1 <h1> ... </h1> "
<h6> ... </h6>
Метки вида <Hх>
(где х " цифра от 1 до 6) описывают
заголовки шести различных уровней.
Заголовок первого уровня " самый крупный,
шестого уровня, естественно " самый
мелкий.
3.2 <p> ... </p>
Такая пара меток
описывает абзац. Все, что заключено между <P>
и </P>,
воспринимается как один абзац.
Метки <Hi>
и <P> могут
содержать дополнительный атрибут ALIGN
(читается "элайн", с английского "выравнивать"),
например:
<h1 align=center>Выравнивание заголовка первого уровня по центру</h1>
или <p align=right>Образец абзаца с выравниванием по правому краю</p>
Да кстати, забыл сказать !!! Если вы
используете вложенные теги (а вы будете
это делать :-), важно соблюдать
последовательность открывающих и
закрывающих скобок , т.е. выражение:
<p><h1> Это будет неправильным! </p></h1>
<p><h1> Это будет правильным! </h1></p>
С этого
момента Вы можете создавать простые HTML-документы
самостоятельно от начала до конца. На эту
рассылку это всё! Не забывайте писать на
mail - volen@in.vn.ua
:: Архив рассылки :: HTML #1 : HTML #2 : HTML #3 : HTML #4 :: | 
