Краткий справочник по html

Краткий справочник по html

Ребята здесь я решил добавить справочник не толька для себя и для вас .

В настоящий справочник включено большинство элементов языка HTML 4.0. Все
элементы расположены в алфавитном порядке. Для каждого тега приводится краткое

описание, список основных атрибутов и примеры использования. Для большинства
атрибутов указаны допустимые значения. Значениями атрибутов могут быть ключевые

слова, например left, или слова в квадратных скобках, которые определяют тип значения,
например width=[число]. В таких случаях в коде HTML вместо [число] следует указать

требуемое фактическое значение, например width=100. Альтернативные значения
атрибутов разделены вертикальной чертой «|», например align=left | center | right.

Для удобства пользования справочником ниже приводится группировка тегов по темам.


Абзацы, выравнивание и разделители

<blockquote>...</blockquote> <hr>
<br> <p>...</p>
<center>...</center> <pre>...</pre>
<div>...</div> <q>...</q>


Заголовки

<h1>...</h1>, <h2>...</h2>, <h3>...</h3>, <h4>...</h4>, <h5>...</h5>, <h6>...</h6>


Карты навигации

<area>
<map>...</map>


Общая структура документа

<body>...</body> <span>...</span>
<head>...</head> <style>...</style>
<html>...</html> <title>...</title>
<meta>


Списки

<dd>...</dd> <li>...</li>
<dir>...</dir> <menu>...</menu>
<dl>...</dl> <ol>...</ol>
<dt>...</dt> <ul>...</ul>


Сценарии и апплеты

<applet>...</applet> <param>
<noscript>...</noscript> <script></script>
<object>...</object>
Ссылки и внедрение изображений
<a>...</a> <img>
<address>...</address> <link>
<base>


Таблицы

<caption>...</caption> <td>...</td>
<col> <tfoot>...</tfoot>
<colgroup>...</colgroup> <th>...</th>
<table>...</table> <thead>...</thead>
<tbody>...</tbody> <tr>...</tr>


Форматирование текста

<b>...</b> <s>...</s>
<basefont> <samp>...</samp>
<big>...</big> <small>...</small>
<cite>...</cite> <strike>...</strike>
<code>...</code> <strong>...</strong>
<dfn>...</dfn> <sub>...</sub>
<em>...</em> <sup>...</sup>
<font>...</font> <tt>...</tt>
<i>...</i> <u>...</u>
<kbd>...</kbd> <var>...</var>


Формы

<button>...</button> <optgroup>...</optgroup>
<form>...</form> <option>...</option>
<input> <select>...</select>
<isindex> <textarea>...</textarea>
<label>...</label>


Фреймы

<frame> <iframe>...</iframe>
<frameset>...</frameset> <noframes>...</noframes>


<a>...</a>

В документе создается гиперссылка.
Атрибуты:
href=[url]
Указывается URL документа, к которому нужно перейти по ссылке.
name=[имя]
Присваивает имя фрагменту. Используется без href; по этому имени в
дальнейшем можно перейти к фрагменту по ссылке.
target=[имя]
Задается имя кадра или окна, в котором нужно открыть заданный документ.

Пример:
1. Гиперссылка:
<a href=http://www.anekdot.ru> Анекдоты</a>
2. Присвоение имени:
<a name=info> Дополнительная информация</a>
3. Гиперссылка на фрагмент документа index.html с дополнительной
информацией:
<a href=index.html#info>Подробнее...</a>


<address>...</address>

Предоставление контактной информации об авторе текущего документа, т.е. документа,
в котором находится тег.
Атрибуты:
Нет.
Пример:
<address><a href=http://geoton.narod.ru>Компания
ГЕОТОН</a></address>


<applet>...</applet>

Вставка Java-апплетов в HTML-документ. Элемент ... является нежелательным, вместо него следует использовать тег ....


Атрибуты

 

codebase=[url]
Основной URL апплета; обычно задает директорию, или папку, содержащую код апплета.
code=[строка]
Имя файла класса, который содержит компилированный апплет.
alt=[строка]
Текстовое описание, которое должно высвечиваться вместо апплета.
name=[имя]
Имя отдельного апплета, позволяющее апплетам находить друг друга в
одном документе.
width=[число]
Начальная ширина в пикселах области отображения апплета, не включая
окна и диалоги, создаваемые апплетом.
height=[число]
Начальная высота в пикселах области отображения апплета, не включая
окна и диалоги, создаваемые апплетом.
align=top | middle | bottom | left | right
Выравнивание области расположения апплета на странице документа: top –
по верхнему краю; middle – по центру; bottom – по нижнему краю; left – по
левому краю; right – по правому краю.
hspace=[число]
Ширина незаполненного пространства слева и справа от зоны
высвечивания апплета в пикселах.
vspace=[число]
Высота незаполненного пространства выше и ниже зоны высвечивания
апплета в пикселах.

Пример:
<applet>
codebase="http://www.server.com/pgv/myclass.class"
code=applet.class
alt="Апплет нуждается в Java-совместимом браузере"
name="AppletInstance"
width=300
height=300
align=middle>
</applet>


<area>

Определение области навигационной карты, реагирующей на щелчок мыши. Сама
навигационная карта определяется элементом <map>...</map>. При щелчке мышью в

специфицированной области происходит переход к документу, указанному в данном
теге. Чтобы помочь пользователю, браузер может вывести в строке статуса содержимое
атрибута alt, когда указатель мыши движется над областью.
Атрибуты:
shape=rect | circle | poly
Форма области: rect – прямоугольник (по умолчанию), circle – круг, poly
многоугольник.

coord=[координаты]
Координаты области. Значения этого атрибута в зависимости от формы
(shape) следующие:
shape=rect (прямоугольник) coord="x1,y1,x2,y2"
x и y задают координаты верхнего левого и нижнего правого углов

прямоугольника. Значения x и y координат измеряются в пикселах от
верхнего левого угла соответствующего изображения. Это означает, что
значение y возрастает сверху вниз.

shape=circle (круг) coord="x0,y0,r"
x и y – координаты центра круга, r – радиус круга.
shape=poly (многоугольник) coord=«x1,y1,x2,y2,x3,y3»
x и y – координаты вершин многоугольника.
href=[url]
Указывается URL документа, к которому нужно перейти по ссылке.
nohref

Означает, что данный регион не действует. Используется, когда необходимо
вырезать дыру в «горячей» зоне.
alt=[строка]
Текстовое описание, которое должно высвечиваться вместо изображения.
Пример:

<img src="bg.gif" border=0 usemap="#map">
<map name="map">
<area href="doc.html" alt="Документация" shape="rect"
coords="0,0,118,28">
<area href="search.html" alt="Поиск" shape="rect"
coords="184,0,276,28">
<area href="go.html" alt="Переход" shape="circle"
coords="184,200,60">
<area href="faq.html" alt="Вопросы" shape="poly"
coords="276,0,373,28,50,50,276,0">
</map>


<b>...</b>

Отображает текст полужирным начертанием.
Атрибуты:
Нет.
Пример:
Сравните <b>Полужирное начертание</b> с нормальным


<base>

Задание базового URL для относительных URL в документе, например в атрибутах href элемента .... Атрибуты: Href=[url] Указывается базовый URL. Пример: тогда связь Примеры эквивалентна связи Примеры


<basefont>

Устанавливает основной размер шрифта, применяемый к обычному и предварительно
отформатированному тексту. Элемент <basefont> устанавливает базовый размер шрифта

с помощью атрибута size. Изменения размера шрифта элементом <font>...</font>
производятся относительно базового размера, установленного тегом <basefont>.

Если
элемент <basefont> не задан, по умолчанию используется размер 3. Использование
элемента <basefont> нежелательно. Вместо него следует использовать соответствующие
свойства языка таблиц стилей.

Атрибуты:
size=[число]
Устанавливает размер шрифта. Возможные значения:
4 целое число от 1 до 7. Устанавливает фиксированный размер шрифта,

представление которого зависит от браузера пользователя. Не все
браузеры могут представлять все семь размеров;

4 числа от -7 до +7, характеризующие относительное изменение размера
шрифта. Значение +1 означает на один размер больше. Значение -3

означает шрифт на три размера меньше. Все размеры относятся к шкале
от 1 до 7.


face=[строка]

Этот атрибут определяет список разделенных запятыми названий шрифтов,
поиск которых браузер пользователя должен выполнить в порядке
приоритета.

color =[цвет]
Устанавливает цвет текста. Цветовые имена и их числовые значения
приведены в таблице в конце справочника.

Пример:
Это – текст с размером шрифта по умолчанию (3). <basefont
size=5>А это – с увеличенным размером (5).


<big>...</big>

Представление текста крупным шрифтом.
Атрибуты:
Нет.
Пример:
Это – <big>большая </big>ошибка.


<blockquote>...</blockquote>

Представляет длинную цитату как блок цитирования в виде отдельного абзаца или
последовательности абзацев, часто с отступом, как слева, так и справа, и шрифтом,
отличным от простого текста, часто курсивом.

Атрибуты:
cite=[url]
Значением данного атрибута является URL, определяющий источник
документа или сообщения. Этот атрибут предназначен для предоставления
информации об источнике, из которого заимствована цитата.

Пример:
<blockquote>У меня есть мечта. Эта мечта берет начало в
американской мечте.<p>Я мечтаю о том, что однажды нация
поднимется и определит настоящее значение своей веры. Мы
убеждены, что каждый человек должен чувствовать, что все
были рождены равными.</p><blockquote>


<body>...</body>

Тело документа. Поскольку предпочтительнее теперь представлять документы
с помощью языка таблицы стилей, атрибуты тега <body> считаются нежелательными.


Атрибуты:

background=[url]
URL-адрес фонового изображения.
text=[цвет]
Цвет текста документа.
bgcolor=[цвет]
Цвет фона документа.
link= [цвет]
Цвет непросмотренной ссылки.
vlink=[цвет]
Цвет просмотренной ссылки.
alink=[цвет]
Цвет ссылки в момент, когда она выбрана пользователем.
Пример:
<body bgcolor=white text=black link=red alink=fuchsia
vlink=maroon>
...тело документа...
</body>


<br>

Принудительный переход на новую строку.
Атрибуты:

clear=left | right | all | none
Передвигает перемещаемый фрагмент соответственно влево (left), вправо
(right), к обоим краям одновременно (all) или не передвигает вовсе (none).
Пример:
<br>Каждое<br>слово<br>с<br>новой<br>строки


<button>...</button>

В форме создается кнопка. Кнопки, создаваемые с помощью этого элемента, действуют
так же, как и кнопки, создаваемые с помощью элемента <input>...</input>, но они

обеспечивают более богатые возможности представления: элемент <button>...</button>
может иметь содержимое. Визуальные браузеры пользователей могут представлять

кнопки <button>...</button> рельефно или с эффектом нажатия при щелчке мыши, в то
время как кнопки <input>...</input> могут представляться только как «плоские»
изображения.


Атрибуты:

name=[имя]
Определяет имя кнопки.
value=[строка]
Определяет начальное значение кнопки.
=submit | reset | button
Определяет тип кнопки: submit – кнопка отправки, reset – кнопка сброса,
button – другая кнопка.

Пример:
<button name="submit" type="submit">Передать
информацию</button>


<caption>...</caption>

Представление заголовка для таблицы. Отображается обычным шрифтом.
Атрибуты:

align=top | bottom | left | right
Расположение заголовка относительно таблицы: вверху (top) (по
умолчанию), внизу (bottom), слева (left), справа (right).
Пример:
<table>
<caption>Курсы иностранных валют</caption>
...тело таблицы...
</table>


<center>...</center>

Выравнивание фрагментов документа по центру страницы. Использование данного
элемента нежелательно. Вместо него следует применять соответствующее свойство
языка таблиц стилей.

Атрибуты:
Нет.
Пример:
<center>Этот текст центрирован</center>


<cite>...</cite>

Представление ссылок или цитат из других источников, например, ссылки на название
книги.


Атрибуты:
Нет.
Пример:
Это цитата из романа <cite>Война и мир</cite>


<code>...</code>

Представление программного кода.
Атрибуты:
Нет.
Пример:
Выражения типа <code>a[i++] + b[i++]</code> не должны
использоваться


<col>

Позволяет группировать определения атрибутов для столбцов таблицы. Данный элемент
не группирует столбцы структурно – эту роль выполняет элемент

<colgroup>...</colgroup>. Элементы <col> являются пустыми и служат только для
поддержания атрибутов. Они могут находиться внутри или вне явной группы столбцов,

т.е. элемента <colgroup>...</colgroup>.
Атрибуты:
span=[число]
Этот атрибут, значением которого должно быть целое число больше нуля,
определяет число столбцов, сгруппированных элементом <col>; атрибуты

элемента <col> распространяются на все столбцы, которые он группирует.
Значение по умолчанию для этого атрибута – 1, т.е. элемент <col>

группирует один столбец. Если для данного атрибута установлено значение
N > 1, то атрибуты текущего элемента <col> распространяются на

следующие N-1 столбцы.
width=[число]
Определяет ширину каждого столбца, сгруппированного текущим
элементом <col>, используемую по умолчанию. Он принимает то же

значение, что и атрибут width элемента <colgroup>...</colgroup> и имеет
над ним приоритет.
Пример:
<col span="5" width="50">


<colgroup>...</colgroup>
Группирование столбцов в таблице.


Продолжение следует

Понравилась статья? Поделиться с друзьями:
Блог Измайлова Павла
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: