В данном материале я собрал все основные теги 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"> | Создает кнопку «Отмена» | ||
