ОСНОВНЫЕ ТЕГИ HTML (см. файл, lab2_inter.htm)
Теги оглавления
<html></html> - Указывает программе просмотра страниц, что это HTML документ.
<head></head> - Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
<title></title> Помещает название документа в оглавление программы просмотра страниц
<meta> - Содержит ключовые слова, описание документа, сообщает браузеру, в какой кодировке находятся символы веб-страницы и т.п.
Атрибуты тела документа
<body></body> Определяет видимую часть документа
<body bgcolor="khaki"> Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
<body text="blue"> Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
<body link="0000ff"> Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
<body vlink="333333"> Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
<body alink="goldenrod"> Устанавливает цвет гиперссылок при нажатии.
Теги для форматирования текста
<pre></pre> Обрамляет предварительно отформатированный текст.
<h1></h1> Создает САМЫЙ БОЛЬШОЙ заголовок
<h6></h6> Создает самый маленький заголовок
<b></b> Создает жирый текст
<i></i> Создает наклонный текст
<tt></tt> Создает текст - имитирующий стиль печатной машинки.
<cite></cite> Используется для цитат, обычно наклонный текст.
<em></em> Используется для выделения из текста слова (наклонный или жирный текст)
<strong></strong> Используется для выделения наиболее выжных частей текста (наклонный или жирный текст)
<font size=?></font> Устанавливает размер текста в пределах от 1 до 7.
<font color=?></font> Устанавливает цвет текста, используя значение цвета в виде RRGGBB. (см. файл color.htm)
Форматирование
<p> Создает новый параграф
<p align=?> Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
<br> Вставляет перевод строки.
<blockquote>
</blockquote> Создает отступы с обеих сторон текста.
<dl></dl> Создает список определений.
<dt> Определяет каждый из терминов списка
<dd> Описывает каждое определение
<ol></ol> Создает нумерованный список
<li> Определяет каждый элемент списка и присваивает номер
<ul></ul> Создает ненумерованный список
<li> Предваряет каждый элемент списка и добавляет кружок или квадратик.
<div align=""> Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Гиперссылки
<a href="URL"></a> Создает гиперссылку на другие документы или часть текущего документа.
<a href="mailto:EMAIL"> </a> Создает гиперссылку вызова почтовой программы для написания письма автору документа.
<a name="NAME"></a> Отмечает часть текста как цель для гипперссылок в документе (куда).
<a href="#NAME"></a> Создает гиперссылку на часть текущего документа (откуда).
Графические элементы
<img src="name"> Добавляет изображение в HTML документ
<img src="name" align=?> Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
<img src="name" border=?> Устанавливает толщину рамки вокруг изображения
Пример ссылок на части рисунка
<img src="ris2.jpg" width="400" height="300" border="2" usemap="#trava">
<map name="trava">
<area shape="rect" coords="249,21,334,71" href="rez.jpg" target="_blank" alt="Небо">
<area shape="circle" coords="200,150,50" href="http://www.gvu.ru" alt="Здание" target="_self">
<area shape="rect" coords="9,22,89,72" href="rez.jpg" target="_self" alt="Облако">
<area shape="poly" coords="140,210,280,210, 200,280" href="http://www.ras.ru" target="_blank" alt="Мы там не купаемся">
</map>
<hr> Добавляет в HTML документ горизонтальную линию.
<hr size=?> Устанавливает высоту(толщину) линии
<hr width=?> Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
<hr noshade> Создает линию без тени.
<hr color=?> Задает линии определенный цвет. Значение RRGGBB.
Таблицы
<table></table> Создает таблицу.
<tr></tr> Определяет строку в таблице.
<td></td> Определяет отдельную ячейку в таблице.
<th></th> Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
Атрибуты таблицы
<table border=#> Задает толщину рамки таблицы.
<table cellspacing=#> Задает расстояние между ячейками таблицы.
<table cellpadding=#> Задает расстояние между содержимым ячейки и ее рамкой.
<table width=#> Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<tr align=?> или <td align=?> Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
<tr valign=?> или <td valign=?> Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.
<td colspan=#> Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1)
<td rowspan=#> Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)
<td nowrap> Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
Кадры
<frameset></frameset> Предваряет тег <body> в документе, содержащем кадры;
Параметры тега <frameset>
<frameset border=""> - Толщина границы между фреймами
<frameset bordercolor=""> - Цвет линии границы
<frameset frameborder=""> - Определяет, отображать рамку вокруг фрейма или нет (значения: "yes", "no" или же "1", "0")
<frameset framespacing=""> - Аналог параметра border, задает ширину границы (то же, самое, что border)
<frameset rows="value,value"> Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров.
<frameset cols="value,value"> Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.
<frame> Определяет единичный кадр или область в таблице кадров.
<noframes></noframes> Определяет, что будет показано в окне браузера если он не поддерживает кадры.
Параметры тега <frame>
<frame src="URL"> Определяет какой из HTML документов будет показан в кадре.
<frame name="name"> Указывает Имя кадра или области, что позволяет перенаправлять информацию в этот кадр или область из других кадров.
<frame marginwidth=#> Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1.
<frame marginheight=#> Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1.
<frame scrolling=""> Указывает будет-ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.
<frame noresize> Препятствует изменению размеров кадра.
ПРИМЕР ФРЕЙМОВ
<html>
<HEAD>
<TITLE>Фреймы</TITLE>
</HEAD>
<frameset cols="25%,75%" bordercolor="goldenrod" frameborder="yes" border="8">
<frame src="levaya.htm" noresize scrolling="no">
<frame src="raf_page1.htm" name="casha" scrolling="1">
</frameset>
<noframes></noframes>
</html>