Документы

Главная / Документы / HTML / Статьи

Таблицы основных тегов языка HTML

Основные теги
`<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.

`Гиперссылки`
`<a href="URL"></a>`	Создает гиперссылку на другие документы или часть текущего документа.
`<a href="mailto:EMAIL"> </a>`	Создает гиперссылку вызова почтовой программы для написания письма автору документа.
`<a name="NAME"></a>`	Отмечает часть текста как цель для гипперссылок в документе.
`<a href="#NAME"></a>`	Создает гиперссылку на часть текущего документа.

`Форматирование`
`<p>`	Создает новый параграф
`<p align=?>`	Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
`<br>`	Вставляет перевод строки.
`<blockquote> </blockquote>`	Создает отступы с обеих сторон текста.
`<dl></dl>`	Создает список определений.
`<dt>`	Определяет каждый из терминов списка
`<dd>`	Описывает каждое определение
`<ol></ol>`	Создает нумерованный список
`<li>`	Определяет каждый элемент списка и присваивает номер
`<ul></ul>`	Создает ненумерованный список
`<li>`	Предваряет каждый элемент списка и добавляет кружок или квадратик.
`<div align=?>`	Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей

`Графические элементы`
`<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.

`Таблицы`
`<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 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">`	Создает кнопку "Отмена"

[предыдущая] [следующая]

Главная / Документы / HTML / Статьи

[Добавить сайт в избранное]

Webmaster

Хостинг от uCoz