Основные элементы HTML разметки

Основные элементы HTML документов, которые будут описаны в этих методических указаниях и будут использоваться студентами при выполнении работы, указаны на рис.1.

Общие понятия о тэгах

HTML документ внутри — обычный текстовый документ, в котором кроме простого текста присутствуют специальные элементы, называемые тэгами.

HTML документ можно создавать и редактировать либо с помощью простого текстового редактора (например входящего в состав Windows программы «Блокнот»), либо с помощью специальных визуальных редакторов (например Microsoft FrontPage или Macromedia Dreamweaver).

HTML документ состоит из тэгов и HTML-элементов. Тег HTML состоит из следующих друг за другом в определенном порядке элементов:

· левой угловой скобки < (такого же, как "меньше чем" символа)

· необязательной наклонной черты /, который означает, что тег является конечным (закрывающим) тегом

· имени тега, например TITLE или PRE

· необязательных атрибутов. Тег может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например: ALIGN=”CENTER”

· правой угловой скобки > (такой же, как символа "больше чем").

 

 

Рис. 1. Примеры элементов HTML документа

Большинство, но не все теги HTML спарены так, что за открывающим тегом следует соответствующий закрывающий тег, а между ними содержится текст или другие теги, например:

< H 1> Foreword </ H 1>

У каждого тега могут быть указаны атрибуты. Большинство тегов допускает один или несколько атрибутов, однако атрибутов может и совсем не быть. Атрибут состоит из:

· имени атрибута, например WIDTH

· знак равенства (=)

· значения атрибута, заключенного в кавычки, например, "80" (можно использовать одинарные или двойные кавычки).

В значениях атрибутов предпочтительно использование двойных кавычек, так как для глаза человека бывает трудно отличить одинарные кавычки от символов, подобных символам акцентирования.

В таблице 1 приведены примеры тэгов с атрибутами.

Таблица 1

Пример тэга	Описание
<H1>	Тэг, предназначенный для установки стиля абзаца - заголовок первого уровня (от слова heading). Имя тэга: H 1 Атрибуты: нет Описание: текст, следующий за этим тэгом будет оформлен как заголовок самого верхнего уровня (аналогично стилю "Заголовок1" в Word 2000)
<FONT COLOR="RED" SIZE="3">	Тэг для форматирования шрифта. Имя тэга: FONT Атрибуты тэга: COLOR (значение равно "RED") и SIZE (значение равно "3") Описание: шрифт, следующий сразу за этим тэгом будет красного цвета и размера равного 3 условным единицам
<P ALIGN="CENTER">	Тэг начала простого абзаца Имя тэга: P Атрибуты тэга: ALIGN (выравнивание) - значение равно "CENTER" (центрирование абзаца). Описание: абзац, идущий вслед за этим тэгом будет отцентрирован.

 

 

Большинство, но не все теги HTML спарены так, что за открывающим тегом следует соответствующий закрывающий тег, а между ними содержится текст или другие теги, например:

 

<H1>Foreword</H1>

 

В таких случаях два тега и часть документа, отделенная ими, образуют блок, называемый HTML элементом. Некоторые теги, например <HR>, являются элементами HTML сами по себе, и для них соответствующий конечный тег не требуется.

 

Что касается имен тегов, атрибутов и большинства значений атрибутов, HTML является нечувствительным к регистру символов языком. Допускается, например, написать <TITLE>, или <Title>, или <title>, или даже <tItLE>.

Тэги, используемые в документе, должны быть вложенными. Например, если необходимо сделать шрифт текста и жирным, и наклонным, то требуемая часть HTML документа будет выглядеть так:

<B><I>Foreword</I></B>

Но не так:

< B >< I > Foreword </ B ></ I >