HTML теги - это ключевые слова или символы, заключенные в угловые скобки, например <body>, <h1> и т.д. С помощью тегов браузер распознает структуру и значение вашего текста, например, они сообщают браузеру какая часть текста является названием, где начинается новый абзац, что нужно подчеркнуть и где расположить изображение. Получив эту информацию, браузер использует встроенные в него по умолчанию правила о том, как отображать каждый из этих элементов.

Тег

Описание

Синтаксис

Закрывающий тег

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

b Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста. <b>Текст</b> Обязателен
blockquote Тег <blockquote> предназначен для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с отбивкой сверху и снизу. <blockquote>Текст</blockquote> Обязателен
br Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p> , использование тега <br> не добавляет пустой отступ перед строкой. Текст<br> Не требуется
center Тег <center> выравнивает содержимое контейнера по центру относительно родительского элемента. <center>текст</center> Обязателен
font Тег <font> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура.

Атрибуты

color Устанавливает цвет текста.
face Определяет шрифт текста.
size Задает размер шрифта в условных единицах.

Пример


  <p><font size="5" color="red" face="Arial">П</font>ервая буква этого предложения 
    написана шрифтом Arial, выделена красным цветом и увеличена в размерах.</p>
 </body>

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

<font>текст</font> Обязателен
h HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <h1> представляет собой наиболее важный заголовок первого уровня, а тег <h6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги <h1>,...,<h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство. <h1>текст</h1> Обязателен
hr Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Тег <hr> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке. <hr>текст<hr> Не обязателен
i Устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста. <i>Текст</i> Обязателен
mark Тег <mark> помечает текст как выделенный. Такой текст ничем не отличается от обычного, но его вид может быть изменен с помощью стилей. В браузере Chrome и Firefox фоновый цвет текста внутри <mark> выделяется желтым цветом.

Пример

В браузере Chrome и Firefox фоновый цвет текста внутри выделяется желтым цветом.
<mark>Текст</mark> Обязателен
nobr Тег <nobr> уведомляет браузер отображать текст без переносов. Если этого тега в коде документа нет, а также имеются переводы строки, они игнорируются и текст выравнивается по левому краю окна браузера или родительского элемента. При этом браузер переводы строк расставляет автоматически, чтобы текст полностью поместился по ширине окна. <nobr>текст</nobr> Обязателен
ol Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>. <ol>
<li>элемент нумерованного списка</li>
<li>элемент нумерованного списка</li>
</ol>
Обязателен
p Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки.

Атрибуты

align Определяет выравнивание текста.
Значения: left (по левому краю), center (по центру), right (по правому краю), justify (по ширине)

Пример записи: <p align="left | center | right | justify">...</p>
<p>текст</p> Обязателен
s Тег <s> отображает текст как перечеркнутый. <s>текст</s> Обязателен
sub Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера (подстрочный текст). <sub>текст</sub> Обязателен
sup Отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера. (надстрочный текст) <sup>текст</sup> Обязателен
table Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>

Атрибуты


1. align Определяет выравнивание таблицы.
<table align="left | center | right">...</table>
left Выравнивание таблицы по левому краю.
center Выравнивание таблицы по центру.
right Выравнивание по правому краю.
2. background Задает фоновый рисунок в таблице.
<table background="URL">...</table>
3. bgcolor Цвет фона таблицы.
<table bgcolor="цвет">...</table>
4. border Толщина рамки в пикселах.
<table border="толщина">...</table>
5. bordercolor Цвет рамки.
<table bordercolor="цвет">...</table>
6. cellpadding Отступ от рамки до содержимого ячейки.
<table cellpadding="значение">...</table>
7. cellspacing Расстояние между ячейками.
<table cellspacing="значение">...</table>
8. cols Число колонок в таблице.
<table cols="число">...</table>
9. frame Сообщает браузеру, как отображать границы вокруг таблицы.
<table frame="значение">...</table>
10. height Высота таблицы.
<table height="значение">...</table>
11. rules Сообщает браузеру, где отображать границы между ячейками.
<table rules="значение">...</table>
Значения
all
Линия рисуется вокруг каждой ячейки таблицы.
groups
Линия отображается между группами, которые образуются тегами <thead>,
<tfoot>, <tbody>, <colgroup> или <col>.
cols
Линия отображается между колонками.
none
Все границы скрываются.
rows
Граница рисуется между строками таблицы, созданых через тег <tr>.
12. summary Краткое описание таблицы.
<table summary="текст">...</table>
13. width Ширина таблицы.
<table width="значение">...</table>

Пример

 <table width="100%" border="1" cellspacing="0" cellpadding="4">
   <tr align="center" bgcolor="#FFFFFF">
    <td colspan="3" style="font-size: 160%; font-family: sans-serif">
Пример таблицы</td> </tr> <tr> <td><img alt="" width="150" height="70" border="0" style="background: #CC9"></td> <td align="right"><img alt="" width="70" height="70" style="background: #CF9"></td> <td> <a href="lorem.html">1</a><Br> <a href="lorem.html">2</a><Br> <a href="lorem.html">3</a> </td> </tr> <tr> <td colspan="3"> <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#333333"> <tr><td>&nbsp;</td></tr> </table> </td> </tr> </table>
Пример таблицы
1
2
3
 
<table>
  <tr>
    <td>...</td>
  </tr>
</table>
Обязателен
tt Отображает текст моноширинным (разреженным) текстом. <tt>текст</tt> Обязателен
u Добавляет подчеркивание к тексту. <u>текст</u> Обязателен
ul Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. <ul>
<li>элемент маркированного списка</li>
</ul>
Обязателен

Вставка ресурсов

a Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. <a href="URL">...</a> Обязателен
img Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный атрибут src, который определяет адрес файла с картинкой.

Атрибуты

src Путь к графическому файлу.

Пример

<img src="http://e-learn.cdo-rzn.ru/mod/resource/view.php?id=547">
<img src="URL"> Не требуется

Последнее изменение: Суббота 23 Март 2013, 16:30