Функциональные элементы html.

Тема: Создание простейших Web – документов.

Основные понятия

Для создания Web – документов используется специальный язык HTML (HiperTextMarkupLanguage язык разметки гипертекста). Документы HTML обычно создаются в текстовых редакторах, сохраняются как файлы с расширение .htm, а затем просматриваются в программе Internet Explorer.

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

Управляющие конструкции языка называются тегами. Все теги заключаются в угловые скобки . Сразу после открывающей скобки помещается ключевое слово, определяющее тег, например . Теги бывают парными и непарными. Непарные теги оказывают воздействие на весь документ. Парные теги бывают открывающими и закрывающими и воздействуют они на ту часть документа, которая заключена между ними.

Например:

— открывающий тег,

— закрывающий тег.

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

На этот текст воздействуют два тега.

Эффект применения тега может видоизменяться путем добавления атрибутов. В парных тегах атрибуты могут добавляться только к открывающему тегу. Атрибуты – это дополнительные ключевые слова, отделяемые от слова, определяющего тег и от других атрибутов пробелами и размещаемые до символа . Иногда требуется указание значения атрибута. Значение атрибута отделяется от ключевого слова атрибута знакоми заключается в кавычки. Например:

Структура документа HTML

Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов.

Документ HTML всегда должен начинаться с тегаи заканчиваться соответствующим тегом . Внутри документа выделяются два основных раздела: раздел заголовков и тело документа – идущие именно в таком порядке. Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается заголовкамии . Раздел заголовка также содержит общий заголовок документа, ограниченный парным тегом .

Основное содержание размещается в теле документа, которое ограничивается парным тегом .

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

Заголовок документа

Содержание документа

Функциональные элементы HTML.

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

1. Элементы не должны пересекаться, т.е. если открывающий тег располагается внутри элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента.

2. Блочные элементы могут содержать вложенные блочные и текстовые элементы.

3. Текстовые элементы могут содержать вложенные текстовые элементы.

4. Текстовые элементы не могут содержать вложенные блочные элементы.

В большинстве документов основными функциональными элементами являются заголовки и абзацы.

Язык HTML поддерживает шесть уровней заголовков. Они задаются при помощи парных тегов отдо . При отображении Web-документов на экране компьютера эти элементы отличаются размером шрифта.

Каждый абзац задается парным тегом . Язык HTML не содержит средств для создания «красной строки», поэтому при отображении на экране абзацы разделяются пустой строкой. Закрывающийся тегявляется необязательным. Например,

Заголовок

Первый абзацВторой абзац

Заголовок второго уровня

В отличие от текстового редактора, ввод символа Enter не является признаком конца абзаца. Язык HTML рассматривает символы конца строки и пробелы особым образом. Любая последовательность, состоящая только из пробелов и символов конца строки , при отображении рассматривается как одиночный пробел.

Enter не осуществляет также и переход на новую строку. Для того, чтобы перейти на новую строку, используют тег
.

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

Можно использовать и атрибуты тега . Например,

Этот тег создает горизонтальную линейку шириной в 10 пикселов, занимающую половину экрана и расположенную справа.

Форматирование текста

Управление форматированием текста осуществляется с помощью следующих тегов:

— парный тег, управляющий параметрами шрифта. Должен обязательно содержать хотя бы один из атрибутов: COLOR=, FACE=, SIZE=.

Атрибут SIZE задает размер шрифта в относительных единицах от 1 до 7 (можно использовать знаки + или -), например,

— шрифт шестого размера.

Атрибут COLOR задает цвет текста, выраженный текстовым значением, например,

— шрифт зеленого цвета.

Атрибут FACE задает гарнитуру шрифта. Значение этого атрибута есть название шрифта, например,

шрифт Times New Roman.

— парный тег для вывода цитат (отображаются курсивом).

— парный тег выделения.

— парный тег сильного выделения.

— парный тег зачеркнутого шрифта.

— парный тег вычеркнутого шрифта.

— полужирный шрифт.

— курсив.

— нижний индекс.

— верхний индекс.

Статьи к прочтению:

HTML Функциональные блочные элементы

Похожие статьи: