Создание заголовков

<H1> – <H6> с помощью данных элементов определяются заголовки доку­мента.

<H1> … </H1> заголовок первого уровня (самый большой).

<H2> … </H2> заголовок второго уровня.

<H3> … </H3> заголовок третьего уровня.

<H4> … </H4> заголовок четвертого уровня.

<H5> … </H5> заголовок пятого уровня.

<H6> … </H6> заголовок шестого уровня (самый маленький).

Синтаксис:

<H1 ALIGN =”CENTER | JUSTIFY | LEFT | RIGHT”> … </H1>

ALIGN – выравнивание заголовка по горизонтали. По умолчанию данный атрибут имеет значение LEFT.

Примеры:

<H1> Это главный заголовок документа </H1>

<H2 ALIGN = ”CENTER”> Это заголовок второго уровня, выровнен по центру </H2>

<H3 ALIGN = ” RIGHT”> Это заголовок третьего уровня, он выровнен по правому краю </H2>

<H6> Самый маленький заголовок </H6>

Стили форматирования

<FONT> … </FONT> – управление параметрами шрифта. Позволяет задать размер, цвет и начертание шрифта.

Синтаксис:

<FONT COLOR = “имя цвета” FACE = “название шрифта” SIZE=”от 1 до 7> … </FONT>

COLOR – задание цвета текста.

FACE – атрибут указывает название шрифта или список названий шрифтов, разделённый запятыми. Браузер поочередно просматривает список шрифтов и отображает текст документа на экране первым шрифтом, который установлен на компьютере пользователя.

SIZE – данный атрибут задаёт размер шрифта. Числовые значения размера шрифта располагаются в диапазоне от 1 до 7, где 1 – наименьший размер шрифта, а 3 – размер шрифта, используемый по умолчанию.

Пример:

<FONT FACE = ”Helvetica, Comic Sans MS” SIZE=”4”> ……….. </FONT >

(данный шрифт немного больше текущего и выведен шрифтом Helvetica или Comic Sans MS)

<FONT COLOR = ”GREEN” FACE = ”АRIAL” SIZE=”5”> ………… </FONT >

(шрифт Arial, красного цвета, размер шрифта равен 5)

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

Для выделения текста в HTML-документах могут быть использованы различные стили шрифтов.

<B> … </B> – текст выводится полужирным шрифтом

<I> …</I> – наклонный шрифт

<U>… </U> – подчёркнутое написание символов

<S>…<S> –отображение перечёркнутого текста

<SUP> … </SUP> – данный тег выводит текст, помещённый в него, как верхний индекс.

<SUB> … </SUB> – данный тег выводит текст, помещённый в него, как нижний индекс.

<BIG> … </BIG> – вывод текста более крупным шрифтом. Чем обычный текст.

<SMALL> … </SMALL> – отображение текста, помещённого в этот тег шрифтом меньшего размера, чем размер, объявленный базовым для всего документа.

Гиперссылки

<A HREF=”filename”> текст_ссылки </A>

filename – имя файла или адрес Internet, на который надо перейти; текст_ссылки – текст гипертекстовой ссылки, который будет непо­средственно показан в HTML-документе.

Примеры:

<A HREF = “my_work.htm”> Перейти на документ </A>

<A HREF = “http://www.yandex.ru”> Поиск в Internet </A>

Вставка графических изображений

<IMG SRC = “имя картинки” ALIGN = “BOTTOM | LEFT | MIDDLE | RIGHT | TOP” BORDER=”пиксели” HEIGHT = “пиксели” WIDTH = “пиксели | проценты ” HSPACE = “пиксели” VSPACE = “пиксели” >

ALIGN – выравнивание изображения по горизонтали. По умолчанию данный атрибут имеет значение LEFT.

BORDER – толщина рамки в пикселях.

HEIGHT – данный атрибут задаёт высоту изображения в пикселях.

WIDTH – данный атрибут задаёт ширину изображения в пикселях или в процентах от исходной ширины.

HSPACE – данный атрибут определяет расстояние в пикселях между изображением и окружающим его текстом по горизонтали.

VSPACE – данный атрибут определяет расстояние в пикселях между изображением и окружающим его текстом по вертикали.

Примеры:

<IMG SRC = ”map.gif”>

<IMG SRC = “picture1.jpg” WIDTH=”50%”>

<IMG SRC = “picture2.jpg” WIDTH=”100” HEIGHT= ”40”>

<A HREF = “home.htm”> <IMG SRC=”home.jpg” width=”50” height = “20” > </A>

(изображение-ссылка)