Выделение текста полужирным шрифтом. Очень популярный элемент.

Пример

Этот текст имеет обычное начертание <В>, а этот будет выделен полужирным шрифтом </b>

<I>... </i>

Выделение текста курсивом.

Пример

Этот текст имеет обычное начертание <I>, а этот выделен курсивом </i>.

Форматирование абзаца

<Р>...</р>

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

Вместе с элементом абзаца можно использовать и атрибут выравнивания align:

align="left" - выравнивание по левому краю;

align="right" - выравнивание по правому краю

align="center" - выравнивание оп центру

Пример

<P align="center">Текст этого абзаца выровнен по центру экрана</p>

<P align="right"> Текст этого абзаца выровнен по правому краю</p>

<P align='left'> Текст выровнен по левому краю</p>

<br> - Элемент, обеспечивающий принудительный переход на новую строку. Он имеет только начальный тэг. В месте его размещения строка заканчивается, а оставшийся текст печатается с новой строки.

Пример

Уронили мишку на пол, <br> Оторвали мишке лапу, <br> Все равно его не брошу <br> Потому, что он хороший.

Если таким образом расставить элемент <br> в этом стихотворении, то в экране браузера мы увидим стандартным образом написанное четверостишие на четырех строках.

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

<UL> <LI> </ul> - ненумерованный список.

<UL>

<LI> Пункт 1 списка

<LI> Пункт 2 списка

<LI> Пункт 3 списка

</ul>

Элемент <UL>является своеобразным обрамлением списка. Он позволяет отделять один список от другого. Элемент <LI> обозначает каждый из пунктов. Вид ненумерованного списка:

Пункт 1 списка

Пункт 2 списка

Пункт 3 списка

<OL> <LI> </ol> - нумерованный список

Структура нумерованного списка похожа на структуру ненумерованного списка.

<OL>

<LI> Пункт 1

<LI> Пункт 2

<LI> Пункт 3

</ol>

Для нумерованного списка используется тэг <OL>. В этом случае каждый пункт маркируется арабскими или римскими числами, буквами латинского алфавита.

Пункт 1

Пункт 2

Пункт 3

Способ нумерации задается при помощи атрибута type. В табл. 4.1 приведены все способы нумерации.

Атрибут Вид нумерации

type="1" 1, 2, 3

type="i" i, ii, iii, iv

type="I" I, II, III, IV

type="a" a, b, c, d

type="A" A, B, C, D

Рис. 4.1. Способы нумерации

<H1>...</h1> Элемент заголовка.Существует шесть уровней заголовков, которые обозначаются H1...H6. Заголовок первого уровня самый крупный, а 6 уровень: обеспечивает самый маленький заголовок (рис. 4.4). Для заголовков можно использовать атрибуты выравнивания влево, по центру, вправо.

Пример

<H1> Самый большой заголовок </h1>

<H2> Заголовок 2 </h2>

<Н3> Заголовок 3 </h3>

<Н4> Заголовок 4 </h4>

<Н5> Заголовок 5 </h5>

<Н6> Заголовок 6 </h6> Самый большой заголовок

Основные структурные элементы html документа

Обязательные элементы

Любой html документ содержит заголовок и тело (HEAD и BODY, соответственно). Заголовок и тело документа - обязательные элементы, которые должны находиться внутри элемента HTML, как и все другие элементы. Итак, в заголовке документа содержится в основном служебная информация о самом документе, тогда как тело документа содержит непосредственно сам документ (текст, рисунки и прочие элементы).

Название документа

Название документа задаётся при помощи элемента TITLE. Это очень важный элемент. Он характеризует документ.

Простой пример html документа

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

<HTML>

<!--Далее идёт код заголовка документа -->

<HEAD>

<TITLE>Название документа</TITLE>

Здесь будут располагаться элементы заголовка документа

</HEAD>

<!--Далее идёт код тела документа-->

<BODY>

Здесь будут располагаться элементы тела документа

</BODY>

</HTML>

Примечание: обратите внимание на закрывающиеся теги. Они имеют символ косой черты - «/».

Примечание: язык HTML нечувствителен к регистру, то есть теги <HEAD>, <HeaD > и <head > будут равносильны.

Наши рекомендации