+7 (929) 559-46-36
г. Москва, ЗАО, Кунцево, ул. Коцюбинского, д. 4, офис 120.
 
   
 
15.12.2014
Открыт для просмотра раздел «Анализ сайта».
09.01.2013
Добавлены описания к проектам в разделе «Работы».
23.12.2011
Обновлён раздел «Работы».
19.12.2011
У нас новый офис.
03.08.2011
Открыты для просмотра разделы:
Проектирование сайта
Создание сайта
02.08.2011
Добавлены «Краткий справочник html-тегов. (→)» и «Краткий список спецсимволов для HTML.».
11.07.2011
Написаны статьи для раздела «Поддержка сайта».
Яндекс.Метрика

Краткий справочник html-тегов. Используется для заполнения содержимого страниц.

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

Ниже приведен список основных html-тегов.

Тег параграфа <p>

Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.
Описание тега <p> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:

Первый параграф.

Второй параграф.

Тег переноса строки <br>

Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой.
Описание тега <br> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:
Первое предложение.
Второе предложение.

Тег заголовка второго уровня <h2>

Представляет собой заголовок второго уровня. Текст внутри тега отображается крупным шрифтом жирного начертания.
Описание тега <h2> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:

Заголовок второго уровня

Заголовок третьего уровня

Текст.

Заголовок третьего уровня

Большой текст.

Тег заголовка третьего уровня <h3>

Устанавливает заголовок третьего уровня.
Описание тега <h3> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:

Заголовок второго уровня

Заголовок третьего уровня

Текст.

Заголовок третьего уровня

Большой текст.

Тег ссылки <a>

Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта. Ссылка может быть графической.
Описание тега <a> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:

Тег для жирного начертания текста <b>

Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Описание тега <b> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:
Простые слова. Слова, выделенные жирным шрифтом. Снова простые слова.

Тег курсивного начертания шрифта <i>

Устанавливает курсивное (наклонное) начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Описание тега <i> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:
Обычный текст. Текст курсивом. Обычный текст.

Тег для подчеркивания текста <u>

Добавляет подчеркивание к тексту. Тег считается устаревшим.
Описание тега <u> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:
Обычный текст. Подчеркиваемый текст. Обычный текст.

Тег акцентирования слов в тексте <strong>

Тег предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.
Описание тега <strong> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:
Простые слова. Акцентированные слова. Снова простые слова.

Тег маркированного списка <ul>

Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ul> применяется таблица стилей, то элементы <li> наследуют эти свойства.
Описание тега <ul> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:
Полный список:
  • Первый пункт
  • Второй пункт
  • Третий пункт

Тег нумерованного списка <ol>

Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.
Описание тега <ol> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:
Полный список:
  1. Первый пункт
  2. Второй пункт
  3. Третий пункт

Тег вставки изображения <img>

Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный атрибут src, который определяет адрес файла с картинкой.
Описание тега <img> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:
Телепроектор Телепроектор

Тег для создания таблицы <table>

Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Параметр border – определяет толщину в пикселях. После закрытия одной строки, добавляется следующая.
Описание тега <table> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:
Текст в первой ячейке. Текст во второй ячейке. Текст в третьей ячейке.
Текст в четвертой ячейке. Текст в пятой ячейке. Текст в шестой ячейке.

Тег нижнего индекса <sub>

Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера.
Описание тега <sub> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:
Химическая формула воды: H2O.

Тег верхнего индекса (степени) <sup>

Отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.
Описание тега <sup> на сайте htmlbook.ru →

Пример кода:

Отображение в браузере:
Площадь 10 м2. Примечание*.
 
 
Автосервис в Кунцево Тонировка стёкол авто Рекламное агенство в Кунцеве
© 2011-2015 Веб-студия «Телепроектор».
Москва, Западный административный округ, Кунцево.