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

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

- Указывает программе просмотра страниц что это HTML документ.

<head></head> - Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

<body></body> - Определяет видимую часть документа

Теги оглавления

<base href=«www.?»> - Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью)

<base target=»?»> - Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра)

<title></title> - Помещает название документа в оглавление программы просмотра страниц

Атрибуты тела документа

<body bgcolor=»?»> - Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.

<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> - Предваряет каждый элемент списка и добавляет кружок или квадратик.

- Важный тег используемый для форматирования больших блоков текста 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> - Препятствует изменению размеров фрейма пользователем. Ифрейм и его атрибуты

Формы

<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»> - Создает кнопку «Очистить»

wiki.vspu.ru

портал образовательных ресурсов

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

Меню