Заголовки

Для выделения текста можно использовать заголовки. В HTML существует шесть уровней заголовков, нумеруемых по убыванию важности от 1до 6:

<H1> текст </H1>

<H2> текст </H2>

<H3> текст </H3>

<H4> текст </H4>

<H5> текст </H5>

<H6> текст </H6>

H1 – самый важный, H6 – наименее важный. Вводя заголовки в текст, мы позволяем посетителю более легко ориентироваться на странице.

Визуально заголовки отображаются не только более крупным шрифтом, но к тому же и полужирным. Также после закрывающего </Hx> происходит автоматически перенос на другую строку.

Заголовки предназначены для выделения небольшой части текста (строки, фразы). Если необходимо выделить большой фрагмент текста, то нужно использовать атрибут size тэга <font></font>, который устанавливает желаемый размер шрифта:

<font size="+4"> текст </font> <font size="+3"> текст </font> <font size="+2"> текст </font> <font size="+1"> текст </font> <font size="+0"> текст </font> <font size="-1"> текст </font> <font size="-2"> текст </font>

Стандартный size (по умолчанию) ="+0".

Шрифты

Для создания наклонного, подчеркнутого или полужирного шрифта используются следующие тэги:

<strong> Полужирный текст </ strong > <em> Наклонный текст (курсив) </em> <u> Подчеркнутый текст </u>

Моноширинный шрифте - это шрифт с символами одинаковой фиксированной ширины, как шрифт у пишущей машинки:

<tt> моноширинный шрифт </tt>

Также моноширинным шрифтом отображается текст заключенный в тэг <pre></pre>:

Тэг <pre> обладает особенностью: текст, заключенный в него, выводится с точностью до пробела. Этот тэг вам может быть полезен, допустим, для форматирования стихотворений.

К одному фрагменту текста может применяться сразу несколько тэгов:

<tt>< strong ><em> текст </em></ strong ></tt>

Тэги <strike> и <s> представляют текст перечеркнутым шрифтом:

<strike> Перечеркнутый </strike> <s> Перечеркнутый </s>

Тэг <big> представляется крупным шрифтом, а <small> малым шрифтом относительно основного текста:

<small> Малый </small> Нормальный текст <big> Большой </big>

Тэги Sup и Sub - определяют верхний и нижний индексы. Sup - верхний, Sub - нижний.

Верхний индекс ^{^sup} Нижний индекс _{_sub}

Атрибут face. С помощью face мы можем задать тип шрифта.

<font face="arial"> текст (шрифт Arial)</font>

Стандартными шрифтами являются:

• Times;

• Times New Roman;

• Arial;

• Helvetica;

• Courier;

• Verdana;

• Tahoma;

• Cosmic Sans;

• Garamond

В атрибуте face можно указать сразу несколько типов шрифтов:

<font face="arial, verdana, courier"> текст (шрифт Arial) </font>

В случае если у посетителя не окажется на компьютере шрифта Arial, текст будет отображен шрифтом Verdana. Если и Verdana нет на компьютере вашего посетителя, то текст будет отображен шрифтом Courier. Т.е. в атрибуте face можно задать список разделенных запятыми названий шрифтов, которые браузер должен попытаться найти на компьютере и отобразить в порядке приоритета.

Списки

Списки задаются тэгом <li></li>

<li>Текст 1</li>

Для задания других видов маркеров в списке используется параметр type тэга <li></li>

<li type=”disk”> - закрашенный кружок (по умолчанию);

<li type=”circle”> - полый кружок;

<li type=”square”> - квадрат.

Упорядоченные списки вводятся тэгом <ol></ol>

<ol>

<li> Текст 1

<li> Текст 2

<li> Текст 3

<li>Текст 4

</ol>

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

1 – арабские цифры (1, 2, 3, …)

a – буквы нижнего регистра (a, b, c, …)

A – буквы верхнего регистра (A, B, C, …)

i – римские цифры в нижнем регистре (I, ii, iii, …)

I– римские цифры в верхнем регистре (I, II, III, …)

Задание отступов (табуляции)

Отступы задаются тэгом <u1></u1>

Для того чтобы были большие отступы, пишется несколько тэгов

<u1><u1>Два отступа</u1></u1>

<u1><u1><u1>Три отступа</u1></u1></u1>

Задание бегущей строки

Текст, который помещается в тэге <marquee></marquee>, становится бегущей строкой.

Атрибуты тэга <marqueex/marquee>:

width, height - ширина и высота бегущей строки в пикселях или в % от ширины и высоты окна, соответственно;

align - задает положение изображения относительно бегущей строки по вертикали. Может принимать значения: align="top" - изображение выровнять по верхнему краю строки (middle - изображение расположить по середине строки, bottom - изображение выровнять по нижнему краю строки);

bgcolor - цвет бегущей строки;

behavior — задает тип движения. Значения: behavior="scroll" - обычная прокрутка (по умолчанию) (slide - слайды, alternate - поочередно менять направление);

direction - задает направление движения. Значения: direction=" left" (left - изображение движется влево по строке, right - изображение движется вправо по строке);

Scrollaraount - скорость движения строки. Может принимать значения

от 1 до 10: 1 - самое медленное движение, 10 - самое быстрое;

Loop - задает, сколько раз прокрутится строка (по умолчанию повторять непрерывно).

Пример:

<marquee height="10" width="270" bgcolor="#99CCFF" loop="4"> бегущая строка

</marquee>

Примечание: Тэг marquee поддерживается только Internet Explorer.