Языка разметки гипертекста HTML

Создание простого документа

Основой разработки веб-страниц является язык HTML (HyperText Markup Language – язык разметки гипертекстов).

Основной структурной единицей языка HTML является тег (от англ. Tag - дескриптор, маркер). Тег всегда заключен между скобками и имеет следующий вид:

Теги бывают одиночными и контейнерными. Контейнером называется пара: открывающий и закрывающий .

Открывающий тег служит для указания программе-браузеру начала какого-либо объекта или задания свойств объектов помещенных в контейнер. Закрывающий тег служит для указания программе-браузеру о конце объекта или окончания применения свойств, заданных в открывающем теге.

Атрибуты тега задают значения свойств данного объекта или объектов помещенных в контейнер.

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

Таким образом, структура простого HTML документа выглядит примерно так:

{начало страницы}

{описание страницы, заголовка}

название {имя страницы}

{закрытый тэг описания заголовка}

{содержание страницы}

текст

{закрытый тэг описания страницы}

{конец страницы}

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

- тег, определяющий границы тела документа.

Атрибуты:

BGCOLOR – определяет цвет фона документа. По умолчанию «White» (#FFFFFF).

TEXT – задает цвет текста для всей страницы. Цвет указывается в формате RGB или константами red, green, blue и т.п. По умолчанию «black» (#000000).

В таблице 1 приведены названия цветов, определенные в стандарте HTML 4 и соответствующие им RGB-коды. Отметим, что многие современные браузеры выходят за рамки стандартов и поддерживают гораздо больше названий цветов.

Таблица 1

Название Код Название Код
Aqua #00FFFF navy #000080
Black #000000 olive #808000
Blue #0000FF purple #800080
Fuchsia #FF00FF red #FF0000
Gray #808080 silver #C0C0C0
Green #008000 teal #008080
Lime #00FF00 white #FFFFFF
Maroon #800000 yellow #FFFF00

- абзац

Атрибуты:

ALIGN – выравнивание. Возможные значения: RIGHT-выравнивание текста по правому краю; CENTER - по центру; LEFT - по левому краю; JUSTIFY – по ширине.



… - заголовки разного уровня (от первого до шестого).

Пример:

Заголовок второго уровня с выравниванием по центру.

- горизонтальная линия

Атрибуты:

ALIGN – выравнивание.

WIDTH – длина линии в процентах от окна браузера или пикселях

SIZE – ширина линии в процентах от окна браузера или пикселях

COLOR – цвет линии.

Пример:

Дополнительные возможности по форматированию:

- полужирный текст;

- курсивный текст;

- эффект подчёркивания;

- эффект зачеркивания.

- используется для указания начертания шрифта в документе.

Атрибуты:

SIZE – размер шрифта.

COLOR – цвет шрифта.

FACE – гарнитура шрифта.

Пример:

Красная строка набрана шрифтом ARIAL 4 размера

Создание списков

В HTML-документе существует четыре основных вида списков:

Фрагмент текста, представляющий список, заключается в тэги:

    ….
упорядоченный список (ordered list);

неупорядоченный список (unordered list);

  • ….
  • вложенные списки;

    …. список определений.

    Список определений служит для создание списков типа «термин» - «описание». Каждый термин начинается тэгом , а описание - тэгом .

    Каждый элемент списка заключается в тэги

  • ….
  • (от английского list item). При выводе на экран элементы списка имеют отступ и начинаются с новой строки.

    Тэг

      может иметь параметры:

        TYPE= определяет вид нумерации, START= задаёт начальное значение первого элемента списка (независимо от типа указывается цифрой).

        TYPE=A – маркеры в виде прописных латинских букв;

        TYPE=a – маркеры в виде строчных латинских букв;



        TYPE=I – маркеры в виде больших римских цифр;

        TYPE=i – маркеры в виде маленьких римских цифр;

        TYPE=1 – маркеры в виде арабских цифр (по умолчанию).

        Тэг

          может иметь параметр:

            Тип тэга

              определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square).

              Тэг

            • может иметь параметры:

                или

                  TYPE Вид маркера (см.

                    ) или счетчика (см.OL)

                    VALUE=n Значение для элемента пронумерованного списка (его номер). Все дальнейшие номера элементов списка будут отсчитываться от этого номера.


                    yazvi-v-legkih-i-grudi-k-chislu-kotorih-prinadlezhit-chahotka.html
                    yes73-yessongs-atlantic-uk-3500-3lp-multi-gfc-booklet.html
                        PR.RU™