ФОРМАТ И СИНТАКСИС 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-редакторов в мире.