- •1. Основные понятия
- •Структурные тэги
- •Тэги разметки
- •2.1. Тэги форматирования текста
- •2.4. Тэг преформатирования
- •2.5. Цветовая гамма html-документа
- •4. Гиперссылки в нтмl – документе. Изображения Использование гиперссылок
- •Добавление графических изображений в html-документы
- •Height указывает высоту изображения в пикселях или процентах
- •5. Таблицы
- •6. Формы
- •Как устроена форма
- •Простейшая форма
- •Как форма собирает данные
- •7. Фреймы
- •Типовое задание
- •Литература
- •Приложение2 Краткая справка тэгов
Тэги разметки
2.1. Тэги форматирования текста
<h1>...</h1> <h6>...</h6> - задают уровни заголовков, причем заголовок первого уровня — самый крупный, шестого уровня - самый мелкий.
<p>...</p> - такая пара тэгов описывает абзац. Все, что заключено между <р> и </р>, воспринимается как один абзац, так как символы конца абзаца <Enter> браузером игнорируются. Закрывающий тэг </р> может быть опущен.
Тэги <h > и <p>могут содержать дополнительный атрибутalign, который принимает одно из трех значений:
align=center– выравнивание текста по центру;
align=left– выравнивание текста по левому краю;
align=right– выравнивание текста по правому краю.
Например: <h1 align=center>
<br> - используется, если необходимо перейти на новую строку, не прерывая абзаца. Он особенно удобен при публикации стихов
<p> Однажды в студеную зимнюю пору<br>
Я из лесу вышел. Был сильный мороз.<br>
Гляжу, поднимается медленно в гору,br>
Лошадка, везущаяя хворосту воз.
</p >
<hr> - тэг, который описывает вот такую горизонтальную линию:
Тэг <hr> может дополнительно включать различные атрибуты, например:
<hr align=right> (center или left) – выравнивание по горизонтали;
<hr width=50%> - ширина линии в процентах/пикселях (точках);
<hr size=8> - толщина линии в пикселях;
<hr color=green> - цвет линии (в примере зеленый).
<marquee>...</marquee> позволяет представить текст в виде бегущей строки.
Этот тэг может иметь следующие атрибуты:
bgcolor- цвет фона;
heigth – высота ширина бегущей стоки;
width – ширина бегущей стоки;
direction – направление перемещения текста (left|right) (по умолчанию – left).
Например: <marquee width=80% height=10 color= yellow > Это бегущая строка </marquee>
2.2. &-последовательности
Поскольку символы < и > воспринимаются браузерами как начало и конец тэгов, возникает вопрос: а как показать эти символы на экране? В HTML это делается с помощью &-последовательностей, значение некоторых из них приведены в таблице. Наличие ";" и строчных символов обязательно!
-
&-последовательность
отображаемый символ
<
<
>
>
"
"
Тэги форматирования шрифта
Форматирование шрифта подразумевает:
Выбор стиля написания
<b>...</b >полужирный текст;
<i >...</i >наклонный текст (курсив);
<tt>...</tt>пишущая машинка;
<u >...</u>подчеркивание;
<sup>...</sup> - верхний индекс
<sub>...</sub> - нижний индекс
Выбор размера шрифта или его цвета
<font>...</font> тэг для определения размера и цвета шрифта.
Характеристики тэга <font> определяются с помощью атрибутов:
size=n– где n - абсолютный размер шрифта (значение от 1 до 7). Размер может задаваться и в относительном виде по отношению к базовому размеру, например,size=+|-n. Базовое значение можно изменить при помощи тэга
<basefont size=n>
color- атрибут цвета шрифта, который задается в виде color=цвет.
Пример: Тэг <font color=red size=4> задает шрифт красного цвета четвертого размера.
2.4. Тэг преформатирования
<pre>...</pre> предварительно форматированный текст выводится браузером на экран как есть — со всеми пробелами, символами табуляции и конца строки.