Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Lection_HTML.doc
Скачиваний:
4
Добавлен:
21.12.2018
Размер:
100.35 Кб
Скачать

2. Title, head

<title> ... </title> - тэг размещения заголовка страницы

<head> ... </head> - информационный тэг заглавной части документа

Пример:

<html>

<head>

<title>Моя домашняя страничка</title>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">

</head>

</html>

3. Body

<body> ... </body> - тэг "тела" документа, определяющий его функции

Атрибуты:

alink="" Определение цвета активной ссылки

background="" Определение местонахождения фоновой картинки

bgcolor="" Определение цвета фона

bgproperties Определение свойств тэга <body></body>

На заметку:

На данный момент существует только одно свойство - неподвижный

рисунок фона: bgproperties=fixed, это свойство интерпретируется

только IE.

class="" Указатель свойств в таблице стилей

id="" Идентификатор тэга <body></body>

leftmargin="" Параметр границы левой границы поля

link="" Определение цвета непросмотренной ссылки

style="" Настройка стиля документа

text="" Определение цвета текста

topmargin="" Параметр границы верхней границы поля

vlink="" Определение цвета посещенной ссылки

Таблица стандартных цветов:

Black #000000 Черный RGB: 000 000 000

Maroon #800000 Каштановый RGB: 128 000 000

Green #008000 Зеленый RGB: 000 128 000

Olive #808000 Оливковый RGB: 128 128 000

Navy #000080 Темно-синий RGB: 000 000 128

Purple #800080 Фиолетовый RGB: 128 000 128

Teal #008080 Чирок RGB: 000 128 128

Gray #808080 Серый RGB: 128 128 128

Silver #C0C0C0 Серебряный RGB: 192 192 192

Red #FF0000 Красный RGB: 255 000 000

Lime #00FF00 Лаймовый RGB: 000 255 000

Yellow #FFFF00 Желтый RGB: 255 255 000

Blue #0000FF Синий RGB: 000 000 255

Fuchsia #FF00FF Фукция RGB: 255 000 255

Aqua #00FFFF Аква RGB: 000 255 255

White #FFFFFF Белый RGB: 255 255 255

Полная раскладка 147 цветов (название + код RGB) находится в файле color.html

Пример:

<html>

<head>

<title>Моя домашняя страничка</title>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">

</head>

<body bgcolor=teal>

Здесь должен располагаться текст документа!

</body>

</html>

4. Форматирование документов html и текста

<p> ... </p> - тэг абзаца документа

Атрибуты:

align="" Определение выравнивания

align="left" по левому краю

align="center" по центру

align="right" по правому краю

class="" Указатель свойств в таблице стилей

id="" Идентификатор тэга <p></p>

style="" Настройка стиля абзаца

<br> - тэг перевода строки

<nobr> ... </nobr> - запрет перевода строки

<wbr> - мягкий перевод строки [перевод производится только в случае крайней

необходимости, данный тэг на практике фактически не используется]

<h1> ... </h1> Тэги форматированных заголовков. Н1 - самый

<h2> ... </h2> большой, а Н6 самый маленкий формат заголовка.

<h3> ... </h3> Данные тэги предполагают автоматическую вставку

<h4> ... </h4> пустых строк, при оформлении заголовков.

<h5> ... </h5>

<h6> ... </h6>

Атрибуты:

align="" Определение выравнивания

align="left" по левому краю

align="center" по центру

align="right" по правому краю

class="" Указатель свойств в таблице стилей

id="" Идентификатор тэга <h></h>

style="" Настройка стиля заголовка

<hr> - тэг горизонтальной линии, не требует тэга <br> ни в начале, ни в конце

Атрибуты:

align="" Определение выравнивания

align="left" по левому краю

align="center" по центру

align="right" по правому краю

class="" Указатель свойств в таблице стилей

color="" Определение цвета линии (только для IE)

id="" Идентификатор тэга <hr>

noshade Отмена рельефности линии

size="" Определение ширины линии в пикселах

style="" Настройка стиля заголовка

title="" Определение подсветки значения (только для IE)

width="" Определение ширины линии (в процентах или пикселах)

<pre> ... </pre> - тэг форматированного текста (моноширинный шрифт)

<font> ... </font> (*) - тэг форматирования шрифта

Атрибуты:

class="" Указатель свойств в таблице стилей

color="" Определение цвета текста

face="" Указатель названия шрифта (шрифтов)

id="" Идентификатор тэга <font></font>

size="" Размер шрифта от 1 до 7 (3 - по умолчанию)

size -2 = 1

size -1 = 2

size 3

size +1 = 4

size +2 = 5

size +3 = 6

size +4 = 7

style="" Настройка стиля

title="" Определение подсветки значения (только для IE)

<basefont> (*) - тэг стандартизации шрифта

При открытии тэга <font> включаются новые значения, но после его закрытия

восстанавливаются значения <basefont>. Значения данного тэга изменяются

введением нового тэга <basefont>, но включающего другие данные.

<blockquote> ... </blockquote> - тэг выделения цитаты из основного текста

Логическое форматирование:

<cite> ... </cite> - Выделение цитаты (курсив)

[от "Cite"]

<code> ... </code> - Выделение программного кода (форматированный текст)

[от "Computer code"]

<em> ... </em> - Акцентирование (курсив)

[от "Emphasis"]

<kbd> ... </kbd> - Текст введенный с клавиатуры (форматированный текст)

[от "Keyboard"]

<samp> ... </samp> - Выделение примера (форматированный текст)

[от "Sample"]

<strong> ... </strong> - Акцентирование (полужирный)

<var> ... </var> - Выделение символьного обозначения порядкового

числительного (курсив). Пример: n-ный коэфицент.

<dfn> ... </dfn> - Выделение какого-либо определения (курсив)

[от "Defenition"]

<center> ... </center> (*) - Размещение по центру

Физическое форматирование:

<b> ... </b> - Выделение текста полужирным шрифтом

[от "bold"]

<i> ... </i> - Выделение текста курсивом

[от "italic"]

<u> ... </u> (*) - Выделение текста подчеркиванием

[от "underline"]

<tt> ... </tt> - Выделение текста шрифтом фиксированной ширины

[от "tele-type-text"]

<strike> ... </strike> (*) - Зачеркивание текста

<s> ... </s> (*) - Зачеркивание текста

[от "Strike"]

<big> ... </big> - Увеличение шрифта

<small> ... </small> - Уменьшение шрифта

<sub> ... </sub> - Создание нижнего индекса

<sup> ... </sup> - Создание верхнего индекса

Элементы физического форматирования могут быть вложены друг в друга. Допускается

также перекрестно-сложное вложение.

Пример:

<i>Каждый <b>охотник желает</i> знать, где сидит</b> фазан.

Результат:

Каждый охотник желает знать, где сидит фазан.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]