Теги разметки документа
| Значения тегов разметки документа
|
<HTML> … </html>
| Начало и окончание HTML – документа
|
<HEAD> … </head>
| Между этими тегами располагается информация о документе (на экран не выводится)
|
<TITLE> … </title>
| Между этими тегами заключается название странички, которое будет выведено в рамке окна программы просмотра.
|
<BODY> … </body>
| Между этими тегами располагается "тело" документа (текст, графика и т.д.).
|
Параметры тега <BODY>
|
<BODY bgcolor ="#FFFFFF">
| BGCOLOR – цвет фона
|
background
| "Обои" или бэкграунд
|
text
| Цвет текста
|
link
| Цвет гипертекстовой связи (ссылки)
|
vlink
| Цвет ссылки, уже посещенной в прошлом
|
alink
| Цвет активной ссылки
|
Теги, служащие для форматирования текста
|
<P> … </p>
| Теги, служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой
|
<BR>
| Тег, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.
|
<HR>
| Тег, служащий для логического разделения текста горизонтальной линией.
|
<PRE> … </pre>
| Между этими тегами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа "курьер".
|
Заголовки, служащие для выделения логических частей текста
|
<H1> … </h1>
| Заголовок первого уровня
|
<H2> … </h2>
| Заголовок второго уровня
|
<H3> … </h3>
| Заголовок третьего уровня
|
<H4> …</h4>
| Заголовок четвертого уровня
|
<H5> … </h5>
| Заголовок пятого уровня
|
<H6> … </h6>
| Заголовок шестого уровня
|
Параметры выравнивания (используются в тегах <P> и <H1>)
|
align = left
| Выравнивание по левому полю
|
align = right
| Выравнивание по правому полю
|
align = center
| Выравнивание по центру
|
Теги выравнивания
|
<left> … </left>
| Выравнивание по левому полю
|
<right> … </right>
| Выравнивание по правому полю
|
<center> … </center>
| Выравнивание по центру
|
Теги для выделения текста и шрифта
|
<B> … </b>
| Теги для выделения текста (слов, букв) жирным шрифтом
|
<I> … </i>
| Теги для выделения текста (слов, букв) курсивным шрифтом, типа Italic
|
<U> … </u>
| Текст, расположенный между двумя этими тегами, будет подчеркнут
|
<BLINK> … </blink>
| Текст, расположенный между двумя этими тегами, будет мигать
|
<FONT size = +n> … </font>
<FONT size = -n> … </font>
| Теги для изменения размера шрифта
|
<FONT color="#0000FF> … </font>
| Теги для изменения цвета шрифт а
|
Теги для формирования списков
|
<OL> … </ol>
| Теги, показывающие начало и конец нумерованного списка
|
<UL> …</ul>
| Теги, показывающие начало и конец маркированного списка.
|
<LI>
| Элемент списка
|
<DL> и </dl>
| Теги, показывающие начало и конец глоссария
|
<DT>
| Термин глоссария, располагается без отступа от левого поля страницы
|
<DD>
| Описание термина, располагается с отступом от левого поля страницы
|
Теги-команды для вставки в текст объектов нетекстовой информации
|
<IMG src ="file.gif"> или
<IMG src =" file.jpg">
| Команда для вставки графического изображения
|
<IMG src =" file.wav">
| Команда для вставки звукового фрагмента
|
<IMG src =" file.avi">
| Команда для вставки видео фрагмента
|
Параметры графического изображения
|
widht
| Ширина картинки в пикселях
|
height
| Высота картинки в пикселях
|
align – выравнивание
|
align = left
| Выравнивание по левому полю
|
align = right
| Выравнивание по правому полю
|
align = top
| По верхней границе
|
align = bottom
| По нижней границе
|
align = middle или center
| По центру
|
hspace
| Горизонтальный отступ от графического изображения
|
vspace
| Вертикальный отступ
|
alt
| Альтернативный текст, служит для обозначения изображения
|
Команды, служащие для гиперсвязи с другими HTML – документами и
ресурсами Интернет
|
<A href="fail.htm"> … </a> или
<A href="http://www.ru">…</a>
| Гиперсвязи (на определенный файл или адрес)
|
<ADDRESS>
<A href=mailto:person@firm.ru
person@firm.ru </address>
| Гиперсвязь с адресом электронной почты
|
Таблица – сетка для показа данных в строках и столбцах, а также средство для форматирования текста
|
<TABLE> …</table>
| Теги для вставки таблицы в HTML – документ
|
Параметры тега <TABLE>:
|
bgcolor
| Цвет фона
|
border
| Ширина бордюра
|
widht
| Ширина таблицы
|
Теги разметки таблицы
|
<CAPTION> … </caption>
| Название таблицы
|
Параметры: align = top
| Выравнивание над таблицей
|
align = bottom
| Выравнивание под таблицей
|
<TR> … </tr>
| Строчка таблицы
|
Параметры: bgcolor
| цвет фона внутри строки
|
align = left
| Выравнивание внутри строки (по левому краю)
|
align = right
| Выравнивание внутри строки (по правому краю)
|
align = center
| Выравнивание внутри строки (по центру)
|
valign = top
| Вертикальное выравнивание внутри строки таблицы – по верхнему краю
|
valign = bottom
| Вертикальное выравнивание внутри строки таблицы – по нижнему краю
|
valign = middle
| Вертикальное выравнивание внутри таблицы – по середине
|
<TD> … </td>
| Столбец таблицы
|
Параметры: bgcolor
| Цвет фона под столбцом
|
align = left, right, center
| Выравнивание внутри столбца
|
valign = top, bottom, middle
| Вертикальное выравнивание
|
colspan
| Растягивание клетки на несколько столбцов
|
rowspan
| Растягивание клетки на несколько строк
|
<th> и </th>
| Заголовок столбца
|
параметры: bgcolor
| Цвет фона под названием
|
align = left, right, center
| Выравнивание
|
valign = top, bottom, middle
| Вертикальное выравнивание
|
colspan, rowspan
| Растягивание клетки на несколько столбцов или строк
|
widht
| Ширина названия
|
Рамки (фреймы) – средство для разделения экрана на несколько областей, в каждой из которых отображается содержимое отдельной
Web-странички или даже целого Web-сайта
|
<FRAMESET>... </frameset>
| Теги для создания рамки
|
Параметры тега <FRAMESET>
|
cols
| Деление экрана на определенное количество вертикальных колонок
|
rows
| Подразделяют экран на определенное количество горизонтальных колонок
|
bordcolor
| Цвет рамки
|
border
| Ширина бордюра
|
frameborder
| Граница рамки -
FRAMEBORDER=YES – есть граница, FRAMEBORDER=NO – нет границы
|
framespacing = n
| Ширина границы
|
<FRAME>
| Тег для описания рамки
(<FRAME SRC="file.htm">)
|
Параметры тега <FRAME>
|
SCROLING
| Параметр для регулировки полосы прокрутки
|
SCROLING = YES
| Полоса прокрутки будет всегда
|
SCROLING = NO
| Полосы прокрутки не будет
|
SCROLING = AUTO
| Полоса прокрутки появляется только в случае необходимости
|
MARGINWIDHT
и
MARGINHEIGHT
| Параметры, которые управляют отступом внутри рамок, служат для выравнивания графического изображения внутри рамки
|
NORESIZE
| Параметр, указывающий на то, что размер рамки-фрейма никогда не будет меняться
|
A link to <A href="file.htm" TARGET="frame2"> file.htm</a>
| Связь между фреймами
|
TARGET
| Атрибут связи между фреймами. Имеет несколько значений:
|
blank
| Загружает содержимое страницы, заданной ссылкой, в новое пустое окно
|
self
| Содержимое страницы, заданной ссылкой, в окно, которое содержит ссылку
|
parent
| Загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов
|
top
| Содержимое страницы, заданной ссылкой, в окно, игнорируя используемые фреймы
|
Бегущая строка
|
<MARQUEE>
ТЕКСТ
</marquee>
| Тег, создающий бегущую строку
|
<MARQUEE direction = left >
tekct</marquee>
| Если бегущую строку нужно направить справа налево
|
<MARQUEE direction=right>
tekct</marquee>
| Движение слева направо
|
scroll
| Стандартное движение от правого края к левому
|
slide
| Надпись один раз пробегает от правого края к левому, где и остается
|
alternate
| Движение от правого края страницы к левому и обратно; бесконечный цикл.
|
<MARQUEE loop = n behavior = scroll > текст </marquee>
| Ограничение числа циклов. Значение n оператора LOOP указывает число повторений цикла
|
<MARQUEE widht = n >
текст </marquee>
| Указать ширину участка, занимаемого бегущей строкой, где n – ширина той части страницы, на которой расположена бегущая строка. Значение n указывается как в пикселях, так и в процентах от общей ширины видимой части страницы
|
<MARQUEE crollamount = n >
текст </marquee>
| Регулировка движения надписи по экрану. Здесь n – число пикселей
|
<MARQUEE scrolldelay = t >
текст </marquee>
| В данном случае переменная величина – время t (измеряется в миллисекундах). Метод задания скорости состоит в указании времени, спустя которое текст будет перерисован на экране заново
|
<FONTSIZE=n><MARQUEE>
текст </marquee></font>
| Возможность указывать величину шрифта текста в строке
|
<MARQUEE bgcolor=n> текст </marquee>
| Окрасить поверхность бегущей строки в какой-либо цвет, где n, как это бывало и раньше, можно указать в вид шестнадцатеричного числа, либо написав его название
|
<MARQUEE height = n >
текст </marquee>
| Указать высоту бегущей строки, задавая величину n в пикселях
|