HTML

Основные теги оформления в html

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

Помните о том, что для создания профессионального сайта, который в будущем будет привлекать аудиторию и клиентов, требуются знания не по одному, а сразу по нескольким направлениям веб-разработки. Выбирайте готовые шаблоны для создания сайта здесь: http://gotovii-sait.ru/, доверьте эту работу профессионалам своего дела.

Оформление части текста

Если для страницы заданы параметры в файле css, весь текст и страница будут оформлены согласно правилам, заданным в этом файле. Иногда возникает необходимость изменить какую-либо часть текста, оставив при этом остальной текст оформленным по стандарту.

Для оформления части текста нужно выделить эту часть тегами <FONT>. Внутри этого тега можно задать три параметра для текста: color – цвет текста, face – название шрифта, size – размер шрифта в значениях от 1 до 7. Итак, часть текста, нуждающаяся в особенном оформлении, будет заключена в следующие теги:

<FONT COLOR=»green» FACE=»Arial» SIZE=»3″>
Текст, нуждающийся в изменениях

</FONT>

Стили оформления

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

  • <b>текст</b> или <strong>текст</strong> — делает текст жирным.
  • <i>текст</i> или <em>текст</em> — делает текст курсивом.
  • <s>текст</s> — теги для зачеркнутого текста.
  • <u>текст</u> — подчеркивание текста прямой чертой.
  • <sup>текст</sup> — верхний индекс.
  • <sub>текст</sub> — нижний индекс.
  • <h1>текст</h1> — заголовок текста.
  • <h2>текст</h2> — заголовок раздела.
  • <h3>текст</h3> — заголовок подраздела.

Используя теги <h> можно создавать всплывающие подсказки, которые появляются на экране при наведении курсора мышки на данный заголовок. Для этого нужно прописать:

<h3 align=»center» title=»Всплывающая подсказка, которая появится при наведении курсора»>Заголовок подраздела< /h3>

Абзацы

Для начала абзаца прописываем тег <р>. Отсутствие закрывающего тега не будет ошибкой, потому что браузер считает начало нового абзаца окончанием старого, но для предотвращения ошибок в разметке текста рекомендуется ставить закрывающий тег </р> в конце абзаца.

Выравнивание текста

Для выравнивания текста используется атрибут align. Для выравнивания по левому, правому краю, центру или по ширине странице, используются, соответственно, значения атрибута: left, right, center, justify.

На практике это будет выглядеть так:

<р aling= “justify”> — так выравнивается по ширине границ страницы. По умолчанию, если в тегах <р> не указан никакой атрибут, текст выровняется по левому краю.

Перенос строк, горизонтальное разделение

Для начала с новой строки без создания пустой строки, которая обычно ставится Enter-ом, используется тег <br>. Его нужно поставить в том месте, где требуется разрыв строки. Закрывающего тега в данном случае нет.

Разделить текст горизонтальной полосой можно с помощью тега <hr>. У данного тега есть такие атрибуты, как толщина полосы — size, ширина — width, выравнивание — align, цвет – color.

В редакторе это выглядит так: < hr align=»center» size=»4″ width=»40%» color=»#3394ff»>

Создание списков

Для создания списков существует два основных тега: < OL>< /OL> и < UL>< /UL>. Первая пара тегов служит для создания нумерованного списка, соответственно, вторая – для маркированных.

Нумерованный список может иметь дополнительные маркеры, например, можно указать тип нумерации заданием атрибута type:  1 – арабские цифры, А – буквы латинского алфавита, а – маленькие буквы латинского алфавита, I – большие римские цифры, i – маленькие римские цифры.

Независимо от типа списка, каждый пункт должен быть заключен в теги < li> пункт </ li>.

Например, код:

< ol type=»А»>

< li> Элементы.< /li>

< li> Нумерованного.< /li>

< li>Списка.< /li>

< /ol>

Будет выглядеть так:

А. Элементы.

  1. B. Нумерованного.
  2. C. Списка.

Маркированный список оформляется также. В нем атрибут type может приобретать значения square – закрашенный квадратик, circle — незакрашенный кружок, disc — закрашенный кружок.