Заголовок документа
Функция | Тег | Атрибут | Значение | Примечание |
Организация заголовка документа | <head>…</head> | Нет | Предоставление информации приложению, интерпретирующему документ | |
Присвоение названия документу | <title>…</title> | Нет | Название документа, отображаемое в строке заголовка броузера. Располагается между тегами <head>… </head> |
Тело документа
Функция | Тег | Атрибут | Значение | Примечание |
Размещение основной части материала документа | <body>…</body> | Background | URL изображения | Указание URL изображения, которое используется в качестве фона |
Bgcolor | Цвет | Определение цвета фона документа | ||
Leftmargin | N | Ширина левого поля документа в пикселях | ||
Topmargin | N | Ширина верхнего поля документа в пикселях | ||
Text | Цвет | Определение цвета текста | ||
Link | Цвет | Определение цвета ссылки, которая не была посещена | ||
Vlink | Цвет | Определение цвета ссылки, которая была посещена | ||
Alink | Цвет | Определяет цвет, которым выделяется активная ссылка | ||
Определение цвета фона документа | Bgproperties | Fixed | Если это значение установлено, то изображение фона не будет прокручиваться |
Форматирование текста в HTML. Основные теги
Функция | Тег | Атрибут | Значение | Примечание |
Формирование заголовков | <h1>..</h1> <h2>..</h2> ………….. <h6>..</h6> | Align | Left Right Center | Организация заголовков. <h1- верхний уровень в иерархии заголовков. <h6> - нижний (самый мелкий). |
Формирование абзаца | <p> | Align | Left Right Center Justify | Задает начало абзаца и вставляет соответствующий пустой интервал для отделения данного абзаца от предыдущего. Парный тег можно опустить |
Принудительный разрыв строки | <br> | Перенос оставшейся части текста абзаца на следующую строку. Это непарный тег. Не увеличивает интервал в тексте. | ||
Горизонтальные линии | ||||
Встраивание горизонталь-ной линии | <Hr> | Align | Left Right Center | Выравнивание линии по горизонтали. По умолчанию линия выравнивается по центру. ALIGN=LEFT – смещение линии к левому краю экрана. ALIGN=CENTER –по умолчанию. Линия выравнивается горизонтально по центру экрана. ALIGN=RIGHT – смещение линии к правому краю экрана. |
Noshade | Выключение теней. В окне браузера линии изображаются трехмерными. Задание атрибута NOSHADE подавляет иллюзию трехмерности. | |||
Size | n – где n-количество пикселов (по умолчанию=3) | Задает толщину линии. SIZE=N, где N определяет толщину линии в пикселях. При использовании больших значений size линия превращается в прямоугольник. | ||
Width | N N% | Задает длину линии. WIDTH=N– устанавливает длину линии в пикселях равной n.WIDTH = N% -длина линии задается в процентах от ширины экрана. 100% - установка по умолчанию. | ||
Начертания шрифтов | <b>…</b> | Текст полужирным шрифтом. | ||
<i>…</i> | Текст в курсивном начертании | |||
<u>…</u> | Подчеркнутый текст | |||
Нижние и верхние индексы | <sub>..</sub> <sup>..</sup> | Текст будет опущен на полстроки ниже (поднят выше), чем обычный текст, но будет изображаться шрифтом того же размера | ||
Изменение шрифта | <font> </font> | Size | N | используется для задания абсолютного размера между 1 и 7. SIZE = +n или –n – увеличивает или уменьшает шрифт относительно текущего значения. |
Color | COLOR=“ИМЯ” задает цвет текста. | |||
Face | Имя шрифта | Задает имя шрифта, используемого для отображения данного фрагмента текста через запятую. Использоваться будет тот, чье имя найдено первым | ||
Нумерованные и маркированные списки | ||||
Маркированные списки | <ul>…</ul> | Type | 1. Disc 2. Circle 3. Square | - закрашенный круг - окружность - квадрат |
Отдельный элемент маркированного списка | <li> | Type | 1. Disc 2. Circle 3. Square | ---//--- |
Нумерован-ные списки. | <ol>…</ol> | Start | N | Задает число, с которого начинается список |
Задание способа нумерации элементов | Type | Type=1 Type=A Type=A Type=I | Нумерация выполняется арабскими цифрами Нумерация выполняется строчными буквами Нумерация выполняется прописными буквами Нумерация выполняется римскими цифрами | |
Отдельный элемент нумерованного списка | <li> | Type | ||
Бегущая строка | ||||
Организация бегущей строки | <marquee>.. </marquee> | Align | Top Middle Bottom | Выравнивает верхнюю границу поля по самому верхнему краю самого высокого элемента в текущей текстовой строке Центрирует поле по осевой линии текущей текстовой строки Выравнивает нижнюю границу поля по нижней линии текущей текстовой строки |
Direction | Left Right | Движение строки справа на лево (по умолчанию) Движение строки слева на право | ||
Bgcolor | Цвет | Задает цвет фона бегущей строки. | ||
Behavior | Scroll Slide Alternate | BEHAVIOR =SCROLL –по умолчанию. Строка “вбегает” со стороны, определенной атрибутом direction в пустое поле и выходит из него на противоположной стороне. Behavior=Slide – текст не “выбегает” с другой стороны поля, а останавливается. BEHAVIOR=ALTERNATE – текст появляется в окне, “добегает” до противоположного конца окна, останавливается и начинает движение в противоположном направлении. | ||
Height | N N% | Высота поля бегущей строки В % | ||
Width | N N% | Ширина поля бегущей строки В % | ||
Hspace | N | Расстояние до текста по горизонтали в пикселях | ||
Vspace | N | Расстояние до текста по вертикали в пикселях | ||
Loop | N Infinite | n- кратное прохождение строки по экрану - повторяет бегущую строку до тех пор, пока отображение документа не будет прервано | ||
Scrollamount | N | задает количество пикселов, на которое бегущая строка перемещается за один шаг | ||
Scrolldelay | N | Задает количество миллисекунд, которое ожидает Internet Explorer после каждого выполненного шага, прежде чем строка побежит дальше (плавность движения) |
Встраивание иллюстраций в HTML-документы
Функция | Тег | Атрибут | Значение |
Встраивание иллюстрации | <img> | align | Выравнивание иллюстрации. ALIGN = TOP ‑ выравнивает верхний край иллюстрации по верхнему краю самого «высокого» элемента в текущей текстовой строке ALIGN =MIDDLE – центрирует иллюстрацию по вертикали на оси текущей текстовой строки. ALIGN =BOTTOM ‑ выравнивает нижний край иллюстрации по горизонтали на оси текущей текстовой строки. ALIGN=LEFT – смещает графику к левому краю рабочей зоны. Последующий текст начинает «обтекать» графику. ALIGN=RIGHT ‑ смещает графику к правому краю рабочей зоны. Последующий текст начинает «обтекать» графику. |
alt | Текст, замещающий иллюстрацию в текстовом режиме отображения. | ||
border | Ширина рамки вокруг иллюстрации. | ||
height | Предварительное задание высоты иллюстрации. | ||
hspace | Расстояние до текста по горизонтали. | ||
src | Исходный файл иллюстрации. | ||
vspace | Расстояние до текста по вертикали. | ||
width | Предварительное задание ширины иллюстрации. |