Таблица основных тегов HTML |
Основные теги |
|||||||||||||
<html></html> |
Указывает программе просмотра страниц что это HTML документ. |
||||||||||||
<head></head> |
Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. |
||||||||||||
<body></body> |
Определяет видимую часть документа |
||||||||||||
Теги оглавления |
|||||||||||||
<base href="www.?"> |
Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью) |
||||||||||||
<base target="?"> |
Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра) |
||||||||||||
<meta name="allow-search" content="?"> |
Указание для поисковых роботов как следует сканировать данную страницу |
||||||||||||
<meta http-equiv="distribution" content="?"> |
Указание для поисковых роботов относится ли данная страница к мировым |
||||||||||||
<meta name="robots" content="?"> |
Указание для поисковых роботов как следует сканировать данную страницу |
||||||||||||
<meta name="author" content="?"> |
Указание автора странички |
||||||||||||
<meta name="keywords" content="?"> |
Описание содержащийся информации (для поисковых машин) |
||||||||||||
<meta http-eguiv="content-type" content="text/plain;churset="?"> |
Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.)
Некоторые хостинги (восновном иностранные) автоматически перекодируют страници получаемые сервером в определенную кодировку. Поэтому уточняйте передпостановкой этого тега у поставщиков хостинга этот вопрос. |
||||||||||||
<meta name="description" content="?"> |
Ключевые слова странички (для поисковых машин) |
||||||||||||
<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> |
Создает текст - имитирующий стиль печатной машинки. (нерекомендованный) |
||||||||||||
<kbd></kbd> |
Создает текст - имитирующий стиль печатной машинки. (рекомендованный) |
||||||||||||
<var></var> |
Название переменных отображается курсивом |
||||||||||||
<cite></cite> |
Выделение цитат курсивом , обычно наклонный текст |
||||||||||||
<address></address> |
Отображается курсивом в виде отдельного абзаца |
||||||||||||
<em></em> |
Наклонный текст (воспринимается посковыми роботами как выделение) |
||||||||||||
<strong></strong> |
Жирный текст (воспринимается посковыми роботами, как особо сильное выделение) |
||||||||||||
<font size="?"></font> |
Устанавливает размер текста в пределах от 1 до 7 |
||||||||||||
<font color="?"></font> |
Устанавливает цвет текста, используя значение цвета в виде RRGGBB |
||||||||||||
Гиперссылки |
|||||||||||||
<a href="URL"></a> |
Создает гиперссылку на другие сайты |
||||||||||||
<atarget="?"></a> |
Указывает в каком окне открывать гиперссылку.
|
||||||||||||
<a href="NAME"></a> |
Создает гиперссылку на другую страницу |
||||||||||||
<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, или center |
||||||||||||
<nobr> |
Запрещает перевод строки |
||||||||||||
<wbr> |
Указывает где разбивать строку для переноса при необходимости |
||||||||||||
<br> |
Вставляет перевод строки |
||||||||||||
<blockquote></blockquote> |
Создает отступы с обеих сторон текста |
||||||||||||
<dl></dl> |
Создает список определений |
||||||||||||
<dt> |
Определяет каждый из терминов списка |
||||||||||||
<dd> |
Описывает каждое определение |
||||||||||||
<ol></ol> |
Создает нумерованный список |
||||||||||||
<li> |
Определяет каждый элемент списка и присваивает номер |
||||||||||||
<ul></ul> |
Создает ненумерованный список |
||||||||||||
<li> |
Предваряет каждый элемент списка и добавляет кружок или квадратик |
||||||||||||
<div align="?"></div> |
Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей |
||||||||||||
Графические элементы |
|||||||||||||
<img src="name"> |
Добавляет изображение в HTML документ |
||||||||||||
<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> |
Добавляет в 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=#> |
Устанавливает ширину таблицы в пикселах или процентах от ширины документа. |
||||||||||||
<table height="#"> |
Устанавливает высоту таблицы в пикселах или процентах от высоты документа |
||||||||||||
<tr align=?> или <td align=?> |
Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right. |
||||||||||||
<tr valign=?> или <td valign=?> |
Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom. |
||||||||||||
<td colspan=#> |
Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1) |
||||||||||||
<td rowspan=#> |
Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1) |
||||||||||||
<td nowrap> |
Не позволяет программе просмотра делать перевод строки в ячейке таблицы. |
||||||||||||
<td width="#"> |
Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину) |
||||||||||||
<td height="#"> |
Устанавливает высоту ячейки в пикселах или процентах от высоты таблици (ячейки одной строки не могут иметь разную высоту) |
||||||||||||
Фреймы (кадры) |
|||||||||||||
<frameset></frameset> |
Предваряет тег <body> в документе, содержащем кадры; |
||||||||||||
<frameset rows="value,value"> |
Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров. |
||||||||||||
<frameset cols="value,value"> |
Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров. |
||||||||||||
<frame> |
Определяет единичный кадр или область в таблице кадров. |
||||||||||||
<noframes></noframes> |
Определяет, что будет показано в окне браузера если он не поддерживает кадры. |
||||||||||||
Атрибуты фреймов (кадров) |
|||||||||||||
<frame src="inet/m1/URL"> |
Определяет какой из HTML документов будет показан в кадре. |
||||||||||||
<frame name="name"> |
Указывает Имя кадра или области, что позволяет перенаправлять информацию в этот кадр или область из других кадров. |
||||||||||||
<frame marginwidth=#> |
Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1. |
||||||||||||
<frame marginheight=#> |
Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1. |
||||||||||||
<frame scrolling=VALUE> |
Указывает будет-ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto. |
||||||||||||
<frame noresize> |
Препятствует изменению размеров кадра. |
||||||||||||
Ифрейм и его атрибуты |
|||||||||||||
<iframe></iframe> |
Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер |
||||||||||||
<iframe src="URL"> |
Определяет какой из HTML документов будет показан в ифрейме |
||||||||||||
<iframe name="name"> |
Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм |
||||||||||||
<iframe vspase="?"> |
Устанавливает поля сверху и снизу с наружи от ифрейма |
||||||||||||
<iframe hspase="?"> |
Устанавливает поля сбоков с наружи от ифрейма |
||||||||||||
<iframe marginwidth="#"> |
Определяет величину отступов по левому и правому краям в нутрь ифрейма; должно быть равно или больше 1 |
||||||||||||
<iframe marginheight="#"> |
Определяет величину отступов по верхнему и нижнему краям в нутрь ифрейма; должно быть равно или больше 1 |
||||||||||||
<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> |
Создает окно для ввода текста. 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="inet/m1/name.gif"> |
Создает кнопку "Отправить" - для этого используется изображение |
||||||||||||
<input type="reset"> |
Создает кнопку "Очистить" |
||||||||||||
Серия сообщений "Компьютер ":
Часть 1 - Клавиатура в стиле Ар-деко
Часть 2 - Необычный ноутбук
...
Часть 17 - Толковый словарь web-терминов
Часть 18 - Таблица HTML-символов
Часть 19 - Таблица основных тегов HTML
Часть 20 - Хороший софт
Часть 21 - Виртуальная клавиатура на разных языках. Flash Обозначение клавиш на клавиатуре
...
Часть 34 - Как отправить бесплатное смс через интернет
Часть 35 - Подключение и настройка Wi-Fi роутера на примере Asus WL-500gP v2
Часть 36 - Подключение и настройка Wi-Fi роутера Asus WL-500gP v2
| Рубрики: | дневничок |
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
