Справочник по тэгам языка html

Основные теги Описание
<html></html> Определяет тип документа как htmlдокумент (web страницу).
<head></head> Служебная часть документа, не отображаемая в браузере, тут размещаются заголовок, описание, ключевые слова и т.д.
<body></body> Между этими тегами располагается непосредственно сама webстраница, которую Вы видите на экране, могут размещаться и другие типы данных.
<meta name="allow-search" content="?"> Определяет способ сканирования данных для роботов поисковых систем.
<meta name="robots" content="?"> Указывается информация для поисковых роботов.
<meta name="author" content="?"> В данном теге можно указать авторство.
<meta name="keywords" content="?"> Для обеспечения работы с поисковыми серверами, указываются ключевые слова, через запятую.
<base href="www.?"> Применяется для не полностью прописанных ссылок, указывает начальный адрес в интернете
<meta name="description" content="?"> Краткое описание web страницы, будет показано в результатах поиска поисковиками.
<title></title> Тег для заголовка страницы
<body bgcolor="?"> Определяет цвет фона web страницы
<body text="?"> Определяет цвет текста web страницы
<body link="?"> Задается цвет гиперссылок в нормальном состоянии
<body vlink="?"> Задаёт цвет уже просмотренных гиперссылок.
<body alink="?"> Задаёт цвет выделенной гиперссылки.
<h1></h1> Тег заголовка, создаёт самый крупный заголовок, цифра 1 может меняться в пределах от 1 до 6. Шесть будет самый мелкий заголовок.
<b></b> Делает текст полужирным.
<i></i> Форматирует текст в наклонный.
<tt></tt> Имитация стиля печатной машинки.
<kbd></kbd> Имитация стиля печатной машинки.
<var></var> Название переменных отображается курсивом
<cite></cite> Выделение цитат курсивом
<address></address> Создаёт абзац с текстом выделенным курсивом.
<em></em> Курсив (воспринимается поисковиками как выделение)
<strong></strong> Полужирное форматирование текста (воспринимается поисковиками, как особо сильное выделение)
<font size="?"></font> Устанавливает размер шрифта, значение от 1 до 7.
<font color="?"></font> Задаёт цвет текста.
Оформление гиперссылок в html  
<a href="URL"></a> Создаёт гиперссылку, имеется ввиду как внутренние, так и внешние гиперссылки.
<atarget="?"></a>
Указывает, в каком окне открывать гиперссылку
Параметр Значение
_Blank Открыть в новом окне
_Parent Открыть в текущем окне
_Self Открыть в окне без использования действующих фреймов
_Top Игнорировать фреймы
<a href="mailto:EMAIL"></a> Гиперссылка для отправления почтового сообщения по электронной почте.
<a href="#name"></a> Создаёт гиперссылку на метку в текущей странице.
<a name="name"></a> Ставит метку для гиперссылки на текущей странице.
<a href="NAME#name"></a> Гиперссылка на метку другой страницы.
Форматирование текста  
<p></p> Создаёт новый параграф
<p align="?"></p> Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center
<nobr> Запрещает перевод строки.
<wbr> Указывает где разбивать строку для переноса при необходимости.
<br> Вставляет перевод строки.
<blockquote></blockquote> Создаёт отступы с обеих сторон текста.
<dl></dl> Создаёт список определений.
<dt> Определяет каждый из терминов списка
<dd> Описывает каждое определение
<ol></ol> Форматирует текст в пронумерованный список
<li> Определяет каждый элемент списка и присваивает порядковый номер
<ul></ul> Тег для создания ненумерованного списка
<li> Отмечает каждую новую позицию в списку гружком или квадратиком.
<div align="?"></div> Данный тег используется для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Графические элементына странице  
<img src="name"> Вставляет изображение на страницу.
<img src="name" align="?"> Форматирует положение изображения в документе, может иметь значения: left, right, center; bottom, top, middle.
<img src="name" border="?"> Устанавливает толщину рамки вокруг изображения
<img src="name" vspase="?"> Устанавливает поля сверху и снизу
<img src="name" hspase="?"> Устанавливает поля слева и справа.
<img src="name" alt="?"> Создаёт всплывающую подсказку
<hr> Добавляет горизонтальную линию.
<hr size="?"> Указывает толщину линии.
<hr width="?"> Указывает ширину линии в пикселах или процентах.
<hr noshade> Линия без тени.
<hr color="?"> Определяет цвет линии.
Создание таблиц  
<table></table> Тег создающий таблицу.
<tr></tr> Задаёт строку в таблице.
<td></td> Задаёт отдельную ячейку в таблице.
<th></th> Задаёт заголовок таблицы (обычная ячейка с форматированием по центру и полужирным текстом)
Какие бывают атрибуты таблицы  
<caption></caption> Назначает подпись таблицы
<table border="#"> Определяет толщину рамки.
<table cellspacing="#"> Определяет расстояние между ячейками.
<table cellpadding="#"> Поля для текстового содержимого ячейки.
<table width="#"> Устанавливает ширину таблицы. (Значение параметра может быть в пикселях или процентах)
<table height="#"> Устанавливает высоту таблицы. (Значение параметра может быть в пикселях или процентах)
<tr align="?">или<td align="?"> Определяет горизонтальное выравнивание положения ячеек в таблице, может иметь значения: left, center,right.
<tr valign="?">или<td valign="?"> Определяет вертикальное выравнивание положения ячеек в таблице, может иметь значения: top, middle, или bottom.
<td colspan="#"> Указывает количество столбцов, объединенных в одной ячейке.
<td rowspan="#"> Указывает количество строк, объединенных в одной ячейке.
<td nowrap> Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
<td width="#"> Задаёт ширину ячейки таблицы в пикселях или процентах.
<td height="#"> Задаёт высоту ячейки таблицы в пикселях или процентах.
Фреймы в документах html  
<frameset></frameset> Предшествует тегу <body> на фреймовой странице.
<frameset rows="value,value"> Определяет строки в таблице фреймов, значение высоты которых определяется количеством пикселей или в процентах.
<frameset cols="value,value"> Определяет столбцы в таблице фреймов, значение ширины которых определяется количеством пикселей или в процентах.
<frame> Задаёт единичный фрейм или область в таблице фреймов.
<noframes></noframes> Задаёт информацию, которую увидит посетитель в случаях, когда показ фрейма невозможен.
Используемые атрибуты фреймов html  
<frame src="URL"> Привязка web страницы к окну фрейма.
<frame name="name"> Назначает фрейму имя, для улучшения маршрутизации информации между фреймами и страницами.
<frame marginwidth="#"> Отступы по горизонтали внутри фреймового окна.
<frame marginheight="#"> Отступы по вертикали внутри фреймового окна.
<frame scrolling=VALUE> Создаёт линейку прокрутки фрейма; значение value может быть "yes", "no" или "auto". По умолчанию - auto.
<frame noresize> Запрещает изменение размеров фреймового окна посетителем сайта.
Ифрейм и его атрибуты  
<iframe></iframe> Создаёт контейнер, который может содержать любые элементы. Другие элементы страницы будут обтекать данный контейнер.
<iframe src="URL"> Привязывает web страницу к окну фрейма.
<iframe name="name"> Назначает фрейму имя, для улучшения маршрутизации информации.
<iframe vspase="?"> Задаёт отступы по горизонтали снаружи фрейма.
<iframe hspase="?"> Задаёт отступы по вертикали снаружи фрейма.
<iframe marginwidth="#"> Задаёт поля по горизонтали внутри фрейма.
<iframe marginheight="#"> Задаёт поля по вертикали внутри фрейма.
<iframe scrolling=VALUE> Создаёт линейку прокрутки фрейма; значение value может быть "yes," "no," или "auto". По умолчанию - auto.
<iframe width="#"> Задаёт ширину ифрейма
<iframe height="#"> Задаёт высоту ифрейма;
<iframe title="?"> Закрепляет текст контекстной помощи.
Теги относящиеся к формам  
<form></form> Тег для создания формы.
<select multiple name="NAME" size="?"></select> Создаёт меню со скроллингом. Атрибут size определяет численность пунктов в меню видимых сразу без использования линейки прокрутки.
<option> Задаёт каждый элемент меню по отдельности.
<select name="NAME"></select> Создаёт ниспадающее меню
<textarea name="NAME" cols=40 rows=8></textarea> Размещает редактируемое окно для ввода текста. Атрибуты сolumns - задаёт значение ширины окна, а 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"> Размещает на странице "Очистить".

Таблица CER (Character Entity Reference)

справочник по тэгам языка html - student2.ru

Наши рекомендации