Справочник HTML
Наиболее часто употребляющиеся теги для форматирования текста
<i></i> - курсив
<b></b> - полужирный
<u></u> - подчеркнутый
<s></s> - перечеркнутый
<font color=red></font> - красный текст
<font size=+1></font> - увеличить размер текст на единицу (до 7)
<font face="ARIAL"></font> - поставить шрифт текста
<br> - перевод каретки
<hr> - горизонтальная черта
<a href="адрес">ссылка</a> - сделать ссылку на адрес
<img src="адрес картинки"> - запостить картинку
<div align="center"></div> - центровка текста (right - вправо, left - соответственно влево)>Основные теги
<html></html> Указывает программе просмотра страниц что это HTML документ
<head></head> Определяет место, где помещается различная информация не отображаемая в теле документа
Здесь располагается тег названия документа и теги для поисковых машин
<body></body> Определяет видимую часть документа
Теги оглавления
<title></title> Помещает название документа в оглавление программы просмотра страницАтрибуты тела документа
<body bgcolor=?> Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет
<body text=?> Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет
<body link=?> Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет
<body vlink=?> Устанавливает цвет гиперссылок на которых вы уже побывали, значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
<body alink=?> Устанавливает цвет гиперссылок при нажатииТеги для форматирования текста
<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Графические элементы
<img src="name"> Добавляет изображение в HTML документ
<img src="name" align=?> Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
<img src="name" border=?> Устанавливает толщину рамки вокруг изображения
<hr> Добавляет в HTML документ горизонтальную линию
<hr size=?> Устанавливает высоту(толщину) линии
<hr width=?> Устанавливает ширину линии, можно указать ширину в пикселах или процентах
<hr noshade> Создает линию без тени
<hr color=?> Задает линии определенный цвет. Значение RRGGBBКадры
<frameset></frameset> Предваряет тег <body> в документе, содержащем кадры;
<frameset rows="value,value"> Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров
<frameset cols="value,value"> Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров
<frame> Определяет единичный кадр или область в таблице кадров
<noframes></noframes> Определяет, что будет показано в окне браузера если он не поддерживает кадрыАтрибуты кадров
<frame src="URL"> Определяет какой из HTML документов будет показан в кадре
<frame name="name"> Указывает Имя кадра или области, что позволяет выводить информацию в этот кадр или область из других кадров
<frame marginwidth=#> Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1
<frame marginheight=#> Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1
<frame scrolling=VALUE> Указывает будет ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto
<frame noresize> Препятствует изменению размеров кадраФормы
Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI скрипты на сервере. HTML только создает внешний интерфейс формы
<form></form> Создает формы
<select multiple name="NAME" size=?></select> Создает меню со скролингом. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки
<option> Указывает каждый отдельный элемент меню
<select name="NAME"></select> Создает ниспадающее меню
<option> Указывает каждый отдельный элемент меню
<textarea name="NAME" cols=40 rows=8></textarea> Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту
<input type="checkbox" name="NAME"> Создает checkbox. За тегом следует текст
<input type="radio" name="NAME" value="x"> Создает radio кнопку. За тегом следует текст
<input type=text name="foo"size=20> Создает строку для ввода текста. Параметром Size указывается длина в символах
<input type="submit" value="NAME"> Создает кнопку "Принять"
<input type="image" border=0 name="NAME" src="name.gif"> Создает кнопку "Принять" - для этого используется изображение
<input type="reset"> Создает кнопку "Отмена"Назначение и атрибуты
Тэги
A ссылка
href="другой_документ.html" - путь к документу
target=_blank - открывает ссылку в новом окне
name="anchor1" - имя закладки
title="Ваша подсказка" - подсказка к ссылке (текстовой)
B выделение текста полужирным шрифтом
BIG выделение текста более крупным шрифтом, чем основной
BODY тело документа, обязательный тэг
text="#cc0000" - задает цвет текста всего документа
bgcolor="#000000" - задает цвет фона документа
background="картинка.jpg" - задает фоновую картинку
link="#ff9999" - задает цвет ссылки
alink="#ff9999" - задает цвет активной (нажатой) ссылки
vlink="#ff9999" - задает цвет посещенной ссылки
topmargin="0" - ширина верхнего и нижнего полей документа для IE
leftmargin="0" - ширина левого и правого полей документа для IE
marginheight="0" - ширина верхнего и нижнего полей документа для NN
marginwidth="0" - ширина левого и правого полей документа для NN
BR принудительный перенос текста на другую строку
clear="all" (left,right) - завершение обтекания текстом объекта
CENTER центрирование текста и объектов
DIV выравнивание текста и объектов
align="center" - центрирование
align="right" - выравнивание по правому краю документа
align="left" - выравнивание по левому краю документа
align="justify" - выравнивание по обоим краям документа
HR линия
align="right" (center или left)
width="30%" (ширина линии в процентах)
size="6" (толщина линии)
NoShade (отмена объемности)
color="cc0000" (цвет линии, только в IE)
I выделение текста курсивом
IMG подгрузка изображений (картинок)
Border="5" - рамка покруг картинки
width="500" - ширина картинки
height="100" - высота картинки
align="left" - расположение текста по отношению к картинке
vspace="10" - расстояние от картинки до текста по вертикали
hspace="30" - расстояние от картинки до текста по горизонтали
alt="описание" - описание картинки
LINK вводит в документ внешние таблицы стилей
href=”http://…” – пусть к файлу со стилями
type="text/css" – тип содержимого, подгружаемой информации
MARQUEE бегущая строка текста (только IE)
bgcolor - цвет фона бегущей строки
height - высота строки
width - ширина строки
behavior="scroll" обычная прокрутка
behavior="slide" - строка пробегает до края и останавливается
behavior="alternate" - строка будет двигаться от края к краю
scrollamount="1" (1-10) - скорость движения строки
direction="left" (right, up, down) - движение влево (вправо, вверх, вниз)
SCRIPT внедрение скриптов в документ
type="text/javascript" - тип содержимого / язык
скрипта src="http://site.ru/put_k_sciptu/" - путь к внедряемому скрипту
TT шрифт пишущей машинки (моноширинный)
U подчеркнутый текст