ФОРМАТ И СИНТАКСИС HTML-тегов

HTML-документ представляет собой текстовый файл, содержащий собственно текст, который должен быть отображен в окне Браузера, и команды разметки – HTML-тэги, определяющие внешний вид документа при его интерпретации в окне Браузера.

HTML-тэг записывается в угловых скобках (< >) и состоит из имени, за которым может следовать список атрибутов (для большинства тэгов необязательный). Имена и атрибуты представляют собой английские слова и аббревиатуры и почти всегда их смысл прозрачен. Записывать тэги можно в любом регистре – прописными или строчными буквами.

Тэги можно разделить на две большие группы.

Тэги одной группы, называемые контейнерами, воздействуют на часть документа, заключенную между ними. Они имеют два компонента: открывающий (начальный) и закрывающий (конечный). Закрывающий тэг имеет то же название, что и открывающий, но перед его названием ставится косая черта (символ /). Между открывающим и закрывающим тэгами могут располагаться текст или другие тэги.

Автономные (одиночные) тэги не имеют конечного компонента. Они вызывают однократное действие или при их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тэг <IMG SRC="pict.gif"> вызывает вставку рисунка из файла pict.gif.

Тэги могут иметь уточняющие параметры – атрибуты. Атрибуты записываются внутри автономного тэга, а в контейнере – только в открывающей части. В списке атрибуты отделяются друг от друга пробелами. Последовательность атрибутов не существенна. Значения атрибутов указываются после знака равенства в кавычках.

Примеры тэгов с атрибутами:

<BODY BGCOLOR="LIGHTBLUE"> – задает светло-синий фон для документа

HTML-документ заключается в тэги <HTML> и </HTML>. Между этими тэгами располагаются две секции: секция заголовка (между тэгами <HEAD> и </HEAD>) и секция тела документа (между тэгами <BODY> и </BODY>).

Секция заголовка содержит описание параметров, используемых при отображении документа, но не отображающихся непосредственно в окне обозревателя. Основные тэги:

Например, тэг <title> отвечает за то, какой заголовок окна будет у страницы. Пример

<title>Учебник по инфоматике</title>

Специальная группа инструкций <META>, предназначена в основном для описания и индексирования документа поисковыми машинами. Здесь можно задать очень многое: кодировку страницы, ключевые слова, инструкции для роботов поисковых машин, описание документа и пр. Например такой тэг задает ключевые слова:

<META name="keywords" content="META, HTML, WWW, Web, паутина, учебник">

Секция тела документа содержит текст, предназначенный для отображения обозревателя, и тэги, указывающие на способ форматирования текста, определяющие графическое оформление документа, задающие параметры гиперссылок и т.д.

Основные тэги:

Тег A создает ссылку на другой документ <A HREF="http://www.yandex.ru">Яндекс</A>. В результате в браузере появится слово Яндекс, написанное синим цветом с подчеркиванием. Если щелкнуть по нему, то мы перейдем на сайт Яндекса.

Тэги форматирования:

<B>Жирный текст</B>

<I>Курсив</I>

<ul>

<li>Эти теги</li>

<li>выведут ненумерованный список из двух строк</li>

</ul>

Тэги структурирования:

В html для создания заголовков используются тэги: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.

<h1> - самый большой по размеру заголовок, <h2> - поменьше, <h3> - еще меньше, и, наконец, <h6> - самый мелкий.

Тэг <p>

Этот html тэг применяется для оформления параграфов текста.

<p>Параграф 1</p>

<p>Параграф 2</p>

HTML тег IMG служит для внедрения картинки или фото на web-страницы.

Картинка не вставляется непосредственно в текст HTML страницы. Просто дается указание браузеру где картинка лежит, как ее зовут и как ее на экране разместить. Атрибут src указывает где находится картинка. Простейший вариант использования тэга:

<img src="cat.jpg">

Возможности приложений MS-Office для создания HTML-док.

Word может сохранять любой свой документ в специальном расширенном формате html - xml. В Word предусмотрено использование большинства основных элементов форматирования и структурирования текста. Чтобы сохранить документ в формате html нужно при сохрании страницы выбрать соответствующий "тип файла" (Веб-страница, например).

Редактор HTML — компьютерная программа, позволяющая составлять и изменять страницы в формате HTML. Несмотря на то, что HTML-код может быть написан в простом текстовом редакторе (например, Notepad), специальные редакторы для написания кода HTML предлагают больше удобств и функциональности. Принцип их работы условно делится на две категории:

1. Редактор показывает только исходный код.

2. Редактор показывает готовую страницу, работая по технологии WYSIWYG (WYSIWYG, What You See Is What You Get, «что видишь, то и получишь»).

Есть также редакторы, работающие по смешанной системе, то есть поддерживающие оба принципа работы.

В каком редакторе работать - дело вкуса. Но новичкам, не знакомым с html кодом проще будет работать в WYSIWYG редакторах.

Кроме возможности "удобно" редактировать текст и форматирования могут выполнять еще множество функций. Например, автоматически обновлять страницы на удаленном интернет-сайте.

Существует достаточно много редакторов. Самые популярные из них FrontPage и Dreamweaver.

FrontPage входит в пакет MS-Office. Это WYSIWYG-редактор. Начиная с Microsoft Office 2007 программа FrontPage была заменена на более совершенные.

Другой популярный html редактор - Dreamweaver. Он относится к смешанным, т.к. может работать в обоих режимах. На сегоднящний день считается наиболее популярным HTML-редакторов в мире.