HTML теги для работы с текстом.

<H1>, <H2>, <H3>, <H4>, <H5>, <H6>.

Всего 6 видов заголовков - от H1 до H6. Тегу H1 соответствует самый большой заголовок, тегу H6 - самый маленький. Закрывающий тег обязателен.

Атрибуты:

align - Выравнивает заголовок в соответствии со следующими значениями:

center - По центру.

left - По левому краю.

right - По правому краю.

title - Всплывающая подсказка.

Пример:

Это заголовок обрамлен тегом <H1>.


Тег <H2> и вид текста в нем.


........


А это уже заголовок в теге <H6>

Тег <p> создает новый параграф.

Атрибуты:

align - Выравнивает параграф относительно одной из сторон документа.

left - выравнивание по правому краю (По умолчанию ).

right - выравнивание по правому краю.

center - выравнивание по центру.

justify - выравнивание по ширине.

title - Всплывающая подсказка.

Пример:

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

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

Контейнер <b> </b> выделяет текст жирным шрифтом.

Аналогичный тег - <strong> </strong>, он тоже выделяет текст жирным. Но его не рекомендуется использовать больше 1-2 раз на странице - при большом количестве тегов <strong> на странице поисковые системы могут воспринять это как спам.

Атрибуты:

title - Всплывающая подсказка.

Пример:

Это простой текст.

Это текст выделенный жирным шрифтом..

Контейнер <strong> </strong> выделяет текст жирным шрифтом.

Рекомендуется использовать этот тег для выделения наиболее значимого ключевого слова (или словосочетания) для акцентирования на нем внимая посковых систем.

Атрибуты:

title - Всплывающая подсказка.

Пример:

Это простой текст.

Эта страница посвящена HTML-тегам для работы с текстом. Главная мысль страницы выделена тегом <strong>.

Тег <hr> добавляет в документ горизонтальную линию.

Закрывающий тег не обязателен.

Атрибуты:

size - Устанавливает толщину линии.

width - Устанавливает ширину линии в пикселах или процентах.

noshade - Создает линию без тени.

color - Задает линии определенный цвет.

Пример:

<hr noshade="noshade" width="80%" color="#00FF33" />.


Тег <br /> переводит текст на новую строку.

Закрывающий тег не обязателен.

Пример:

Очень длинный текст, который нужно разбить на две строки.

Очень длинный текст,
но уже разбитый на две строки вставкой тега <br /> после слова "текст,".

Контейнер <nobr> </nobr> запрещает перевод строки.

Текст, заключенный между тэгами , будет в одну строку без переноса на другую. Если строка не уместится на экране,
то для ее просмотра просмотра появится полоса прокрутки.

Пример:

Очень длинный текст, который не переносится на две строки и заключен в контейнер <nobr> </nobr>.

Контейнер <sub> </sub> делает подиндекс.

Набираем формулу H<sub>2</sub>0. Результат в примере.

Пример:

H2O.

Контейнер <sup> </sup> делает надиндекс.

Набираем формулу X<sup>2</sup> = 4. Результат в примере.

Пример:

X2 = 4.

Контейнер <big> </big> выводит более крупный, чем окружающий текст.

Атрибуты:

title - Всплывающая подсказка.

Пример:

Это простой текст.

Это более крупный текст.

Контейнер <small> </small> выводит более мелкий, чем окружающий текст.

Атрибуты:

title - Всплывающая подсказка.

Пример:

Это простой текст.

Это более мелкий текст.

Контейнер <i> </i> выделяет текст курсивом.

Вместо него рекомендован Контейнер <em> </em>.

Пример:

Это простой текст.

Это текст заключенный в контейнер <i> </i>.

Контейнер <em> </em> выделяет текст курсивом.

Рекомендован вместо контейнера <i> </i>.

Пример:

Это простой текст.

Это текст заключенный в контейнер <em> </em>.

Тег <s> делает текст зачеркнутым.

Закрывающий тэг </s> обязателен. Не ркомендован для использования.

Пример:

Это текст заключенный в контейнер <s> </s>.

Тег <tt> выделяет текст моноширинным шрифтом.

Закрывающий тэг </tt> обязателен.

Вместо него рекомендован контейнер <kbd> </kbd>.

Пример:

Это простой текст.

Это текст заключенный в контейнер <tt> </tt>.

Тег <kbd> выделяет текст моноширинным шрифтом.

Закрывающий тэг </kbd> обязателен.

Рекомендован вместо контейнера <tt> </tt>.

Пример:

Это простой текст.

Это текст заключенный в контейнер <kbd> </kbd>.

Контейнер <u> </u> делает текст подчеркнутым.

Не рекомендован для использования.

Пример:

Это простой текст.

Это текст заключенный в контейнер <u> </u>.

Тег <font> определяет цвет, размер и выводимый шрифт.

Закрывающий тег </font> обязателен.

color - определяет цвет текста.

face - определяет гарнитуру шрифта.

size - определяет размер текста в пределах от 1 до 7, где 1 - самый мелкий шрифт. По умолчанию равен 3.

Пример:

<font color="#0000CC" face="Verdana" size="5"></font>.

<font color="#CA0000" face="Times New Roman" size="2"></font>.

Тег <pre> предварительно отформатированный текст.

Преформатированный текст отображается моношириным шрифтом.

<pre>предварительно отформатированный текст, 
с сохранением последовательно поставленных пробелов.</pre>
.

Тег <marquee> заставляет текст перемещаться из стороны в сторону.

Закрывающий тег </marquee> обязателен.

Атрибуты:

behavior - Определяет вид движения.

alternate - Колебательные движения налево и направо.

scroll - Перемещение текста в направлении, указанном в direction. Достигнув края экрана, надпись появляется снова с противоположной стороны.

slide - Схоже с scroll, но текст перемещается только один раз и останавливается.

direction - Определяет направление движения.

down - Движение вниз.

left - Движение справа налево (по умолчанию).

right - Движение слева направо.

up - Движение вверх.

Пример:
<marquee behavior="alternate" direction="right"></marquee>

Тег <q> предназначен для включения в документ короткой цитаты.

Закрывающий тег </q> обязателен.

<q>Цитата</q>.

Цитата.

Тег <blockquote> предназначен для включения в документ длинной цитаты.

Закрывающий тег </blockquote> обязателен. Тег <blockquote> создает отступы с обеих сторон и отделяется от остального текста пустыми строками.

Какой-то текст,

здесь цитата
и текст продолжается.

Контейнер <address> </address> применяют для указания сведений об авторе.

Сюда же обычно помещаются и сведения об авторских правах, а также дата создания и последней модификации документа.
Текст обычно отображается курсивом. .

Пример:

Информация об авторе!
.

Тег <cite> используется для цитат.

Закрывающий тег </cite> обязателен. Обычно отображается курсивом.

Пример:

Какой-то текст, (здесь цитата) и текст продолжается.

Контейнер <code> </code> применяют для выделения программного кода, отображаемого на странице.

Oтображается моноширинным шрифтом.

Пример:

Таким образом отобразится текст в контейнере <code> </code>.


html-css-tegs.ru © 2011 - 2016 год.
Все права защищены