Оснавные теги HTML
Основные теги HTML Метрика
Hosted by uCoz

Основные теги HTML.

Основные теги 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-eguive="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 - пример: FF../0000 - красный цвет.
<body text="?"> Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: #000000 - черный цвет.
<body link="?"> Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
<body vlink="?"> Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
<body alink="?"> Устанавливает цвет гиперссылок при нажатии.




Вверх


Теги форматирования текста

<pre></pre>Обрамляет предварительно отформатированный текст.
<h1></h1>Создает самый большой заголовок
<h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5>Создает заголовки промежуточных размеров
<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>Указывает в каком окне открывать гиперссылку.
параметрыЗначение
_BlankЗагрузка содержимого страницы, заданной ссылкой, в новое пустое окно
_ParentЗагрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку
_SelfЗагрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы
_TopЗагрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы

При использовании фреймов и вложенных фреймов значением может выступать имя фрейма или вложенной сетки фреймов, при этом страница откроется в указанной части окна.
<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, justify или 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>Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
<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="#">Указывает кол-во столбцов, которые объединены в одной ячейке. (по умолчанию=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="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> Создает ниспадающее меню
<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">Создает кнопку "Очистить"
align="left">
Оглавление:
Основные теги
Теги оглавления
Атрибуты тела документа
Теги форматирования текста
Гиперссылки
Форматирование
Графические элементы
Таблицы
Атрибуты таблицы
Фреймы
Атрибуты фреймов
Ифрейм и его атрибуты
Формы

© 2008-   
© Веб шпаргалка для начинающих.
Hosted by uCoz
Hosted by uCoz