Список базовых тегов HTML

автор andron-canada Ноябрь 26th 2007, 04:49

Основные теги 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>Создает новый параграф <p align="?"></p>Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center <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="?">Устанавливает толщину рамки вокруг изображения <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>Не позволяет программе просмотра делать перевод строки в ячейке таблицы.

Кадры

Код:: <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">Создает кнопку "Отмена"

[отред. - админ.]

автор andron-canada Ноябрь 26th 2007, 04:50

Тема находится в состоянии редактирования. Приносим свои извинения!
Администрация.

Список базовых тегов HTML

Список базовых тегов HTML

Re: Список базовых тегов HTML