HTML Начало
Что такое HTML?
HyperText Markup Language (HTML) является стандартным языком, предназначенным
для создания гипертекстовых документов в среде WEB. HTML-документы могут
просматриваться различными типами WEB-броузеров. Когда документ создан
с использованием HTML, WEB-броузер может интерпретировать HTML для выделения
различных элементов документа и первичной их обработки. Использование HTML
позволяет форматировать документы для их представления с использованием
шрифтов, линий и других графических элементов на любой системе, их просматривающей.
Большинство документов имеют стандартные элементы, такие, как заголовок,
параграфы или списки. Используя тэги HTML вы можете обозначать данные
элементы, обеспечивая WEB-броузеры минимальной информацией для отображения
данных элементов, сохраняя вцелом общую структуру и информационную полноту
документов. Все что необходимо, чтобы прочитать HTML-документ - это WEB-броузер,
который интерпретирует тэги HTML и воспроизводит на экране документ в виде,
который ему придает автор.
В большинстве случаев автор документа строго определяет внешний вид
документа. В случае HTML читатель (основываясь на возможностях WEB-броузера
может, в определенной степени, управлять внешним видом документа (но не
его содержимым). HTML позволяет отметить, где в документе должен быть заголовок
или абзац при помощи тэга HTML, а затем предоставляет WEB-броузеру интерпретировать
эти тэги. Например, один WEB-броузер может распознавать тэг начала абзаца
и представлять документ в нужном виде, а другой не имеет такой возможности
и представляет документ в одну строку. Пользователи некоторых WEB-броузеров
имеют, также, возможность настраивать размер и вид шрифта, цвет и другие
параметры, влияющие на отображение документа.
HTML-тэги могут быть условно разделены на две категории:
-
тэги, определяющие, как будет отображаться WEB-броузером тело документа
вцелом
-
тэги, описывающие общие свойства документа, такие как заголовок или автор
документа
Запомните, что основное преимущество HTML заключается в том, что ваш документ
может быть просмотрен на WEB-броузерах различных типов и на различных платформах.
Как создаются HTML документы?
HTML-документы могут быть созданы при помощи любого текстового редактора
или специализированных HTML-редакторов и конвертеров. Выбор редактора,
который будет использоваться для создания HTML-документов, зависит исключительно
от понятия удобства и личных пристрастий каждого автора.
Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании
Netscape позволяют создавать документы графически с использованием технологии
WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных
средств для создания документов имеют конвертеры, позволяющие преобразовывать
документы к формату HTML.
Основные положения
Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются
символом ">" (правой угловой скобки). Как правило, существует стартовый
тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие
текст, находящийся внутри стартового и завершающего тэга и описывающий
заголовок документа:
<TITLE> Заголовок документа </TITLE>
Завершающий тэг выглядит также, как стартовый, и отличается от него прямым
слэшем перед текстом внутри угловых скобок. В данном примере тэг <TITLE>
говорит WEB-броузеру об использовании формата заголовка, а тэг </TITLE>
- о завершении текста заголовка.
Некоторые тэги, такие, как <P> (тэг, определяющий абзац), не требуют
завершающего тэга, но его использование придает исходному тексту документа
улучшенную читаемость и структурируемость.
HTML не реагирует на регистр символов, описывающих тэг, и приведенный
ранее пример может выглядеть следующим образом:
<title> Заголовок документа </title>
Внимание! Дополнительные пробелы, символы табуляции и возврата
каретки, добавленные в исходный текст HTML-документа для его лучшей читаемости,
будут проигнорированы WEB-броузером при интерпретации документа. HTML-документ
может включать вышеописанные элементы только если они помещены внутрь тэгов
<PRE> и </PRE>. Более подробно о тэгах <PRE> будет написано ниже.
Структура документа
Когда WEB-броузер получает документ, он определяет, как документ должен
быть интерпретирован. Самый первый тэг, который встречается в документе,
должен быть тэгом <HTML>. Данный тэг сообщает WEB-броузеру, что ваш
документ написан с использованием HTML. Минимальный HTML-документ будет
выглядеть так:
<HTML> ...тело документа... </HTML>
Заголовочная часть документа
<HEAD>
Тэг заголовочной части документа должен быть использован сразу после тэга
<HTML> и более нигде в теле документа. Данный тэг представляет из себя
общее описание документа. Избегайте размещать какой-либо текст внутри тэга
<HEAD>. Стартовый тэг <HEAD> помещается непосредственно перед тэгом
<TITLE> и другими тэгами, описывающими документ, а завершающий тэг </HEAD>
размещается сразу после окончания описания документа. Например:
<HTML>
<HEAD>
<TITLE> Список сотрудников </TITLE>
</HEAD>
...
Внимание! Технически, стартовые и завершающие тэги типа <HTML>,
<HEAD> и <BODY> необязательны. Но настоятельно рекомендуется их использовать,
поскольку использование данных тэгов позволяет WEB-броузеру уверенно разделить
заголовочную часть документа и непосредственно смысловую часть.
Заголовок документа <TITLE>
Большинство WEB-броузеров отображают содержимое тэга <TITLE> в заголовке
окна, содержащего документ и в файле закладок, если он поддерживается WEB-броузером.
Заголовок, ограниченный тэгами <TITLE> и </TITLE>, размещается внутри
<HEAD>-тэгов, как показано выше на примере. Заголовок документа не появляется
при отображении самого документа в окне.
Комментарии
Как любой язык, HTML позволяет вставлять в тело документа комментарии,
которые сохраняются при передаче документа по сети, но не отображаются
броузером. Синтаксис комментария:
<!-- Это комментарий -->
Комментарии могут встречаться в документе где угодно и в любом количестве.
Тэги тела документа
Тэги тела документа идентифицируют отображаемые в окне компоненты HTML-документа.
Тело документа может содержать ссылки на другие документы, текст и другую
форматированную информацию.
Тело документа <BODY>
Тело документа должно находиться между тэгами <BODY> и </BODY>. Это
та часть документа, которая отображается как текстовая и графическая (смысловая)
информация вашего документа.
Уровни заголовков <Hx>
Когда пишется HTML-документ, текст структурно делится на просто текст,
заголовки частей текста, заголовки более высокого уровня и т.д. Первый
уровень заголовков (самый большой) обозначается цифрой 1, следующий - 2,
и т.д. Большинство броузеров поддерживает интерпретацию шести уровней заголовков,
определяя каждому из них собственный стиль. Заголовки выше шестого уровня
не являются стандартом и могут не поддерживаться броузером. Заголовок самого
верхнего уровня имеет признак "1". Синтакс заголовка уровня 1 следующий:
<H1> Заголовок первого уровня </H1>
Заголовки другого уровня могут быть представлены в общем случае так:
<Hx> Заголовок x-го уровня </Hx>
где x - цифра от 1 до 6, определяющая уровень заголовка.
Тэг абзаца <P>
В отличии от большинства текстовых процессоров, в HTML-документе обычно
игнорируются символы возврата каретки. Физический разрыв абзаца может находиться
в любом месте исходного текста документа (для удобства его читаемости).
Однако броузер разделяет абзацы только при наличии тэга <P>. Если вы
не разделите абзацы тэгом <P>, ваш документ будет выглядеть как один
большой абзац.
![HTML 3.0]()
Дополнительные
параметры тэга <P>:
<P ALIGN=left|center|right>
позволяют выравнивать абзац по левому краю, центру и правому краю соответственно.
![HTML 2.0]()
Центрирование
элементов документа
Вы можете центрировать все элементы документа в окне броузера. Для этого
можно использовать тэг <CENTER>.
Все элементы между тэгами <CENTER> и </CENTER>
будут находиться в центре окна
Тэг преформатирования
<PRE>
Тэг преформатирования, <PRE>, позволяет представлять текст со специфическим
форматированием на экране. Предварительно сформатированный текст заканчивается
завершающим тэгом </PRE>. Внутри предварительно сформатированного текста
разрешается использовать:
-
перевод строки
-
символы табуляции (сдвиг на 8 символов вправо)
-
непропорциональный шрифт, устанавливаемый броузером
Использование тэгов, определяющих формат абзаца, таких как <Hx> или
<ADDRESS>, будет игнорироваться броузером при помещении их между тэгами
<PRE> и </PRE>.
Далее идет несколько более подробный пример, собранный из предыдущих:
<HTML>
<HEAD>
<TITLE> Список сотрудников </TITLE>
</HEAD>
<BODY>
<H2> Список сотрудников нашей фирмы </H2>
<H3> Составлено : 30 июля 1996 года </H3>
Данный список содержит фамилии, имена и отчества
всех сотрудников нашей компании. <P>
Список может быть использован только в служебных целях. <P>
</BODY>
</HTML>
Вот, что вы увидите на экране броузера:
Список сотрудников нашей фирмы
Составлено : 30 июля 1996 года
Данный список содержит фамилии, имена и отчества всех сотрудников нашей
компании.
Список может быть использован только в служебных целях.
Внимание! Заголовок "Список сотрудников" не отображен броузером
как часть документа. Он появится в заголовке окна броузера.
Разрыв строки <BR>
Тэг <BR> извещает броузер о разрыве строки. Наилучший пример использования
данного тэга - форматированный адрес или любая другая последовательность
строк, где броузер должен отображать их одну под другой. Например:
Алексей Ярцев <BR>
Дмитровское шоссе, <BR>
д.9Б, офис 326 <BR>
![HTML 2.0]()
Дополнительный
параметр позволяет расширить вохможности тэга <BR>.
<BR CLEAR=left|right|all>
Данный параметр позволяет выполнить не просто перевод строки, а разместить
следующую строку, начиная с чистой левой (left), правой (right) или обоих
(all) границ окна броузера. Например, если рядом с текстом слева встречается
рисунок, то можно использовать тэг <BR> для смещения текста ниже рисунка:
<p> Как вы можете видеть, данная схема демонстрирует связь<BR
CLEAR=left>
<img src="http://www.softexpress.com/images/schema1.gif" align=baseline>
Мастер/Деталь </p>
![HTML 2.0]()
Неразрывная
строка <NOBR>
Если вы не хотите, чтобы броузер автоматически переносил строку, то вы
можете обозначить ее тэгами <NOBR> и </NOBR>. В этом случае броузер
не будет переносить строку даже если она выходит за нраницы экрана; вместо
этого броузер позволит горизонтально прокручивать окно. Например:
<NOBR> Данная строка является самой длинной строкой документа,
которая не допускает какого-либо разбиения где бы то ни было </NOBR>
Данная строка является самой длинной строкой документа, которая не допускает какого-либо разбиения где бы то ни было
Если же вы хотите все же позволить разбиение данной строки на две, но
в строго запланированном месте, то вставьте тэг <WBR> в это место. Например:
<NOBR> Данная строка является самой длинной строкой документа,<WBR>
которая не допускает какого-либо разбиения где бы то ни было </NOBR>
Данная строка является самой длинной строкой документа,
которая не допускает какого-либо разбиения где бы то ни было
Цитата <BLOCKQUOTE>
Данный тэг предназначен для обозначения в документе цитаты из другого источника.
Текст, обозначенный тэгом <BLOCKQUOTE>, отступает от левого края документа
на 8 пробелов. Например:
На открытии данной конференции глава представительства произнес:
<P>
<BLOCKQUOTE>
Сегодня один из величайших дней для нашей компании. <BR>
Мы открыли новую технологию, позволяющую нашим клиентам повысить
производительность их настольных систем в несколько раз.
</BLOCKQUOTE>
При отображении броузером данный текст будет выглядеть так:
На открытии данной конференции
глава представительства произнес:
Сегодня один из величайших дней для нашей компании.
Мы открыли новую технологию, позволяющую нашим клиентам повысить производительность
их настольных систем в несколько раз.
Список базовых тэгов HTML
|
Стартовый
|
Завершающий
|
Описание
|
| <HTML> |
</HTML> |
Обозначение HTML-документа |
| <HEAD> |
</HEAD> |
Заголовочная часть документа |
| <TITLE> |
</TITLE> |
Заголовок документа |
| <BODY> |
</BODY> |
Тело документа |
| <H1> |
</H1> |
Заголовок абзаца первого уровня |
| <H2> |
</H2> |
Заголовок абзаца второго уровня |
| <H3> |
</H3> |
Заголовок абзаца третьего уровня |
| <H4> |
</H4> |
Заголовок абзаца четвертого уровня |
| <H5> |
</H5> |
Заголовок абзаца пятого уровня |
| <H6> |
</H6> |
Заголовок абзаца шестого уровня |
| <P> |
</P> |
Абзац |
| <PRE> |
</PRE> |
Форматированный текст |
| <BR> |
|
Перевод строки без конца абзаца |
| <BLOCKQUOTE> |
</BLOCKQUOTE> |
Цитата |
Описанные ранее тэги - это все, что необходимо вам для того, чтобы начать
работать с HTML. С использованием описанных тэгов вы можете создать простой
HTML-документ. Однако, следующие разделы позволят вам существенно улучшить
внешний вид ваших документов и опишут новые возможности HTML.
Copyright Softservice Group, 1996
Готовая сеть рефералов всего
за 11$
