3. Заголовки

Заголовки в языке HTML выделяются тегами:

<h1></h1> – (самый большой по размеру)

<h2></h2> ...

<h6></h6>

Таким образом существует 6 уровней заголовков. Можете поэкспериментировать: вставьте вместо "Тело документа" в предыдущем примере <h1>HTML – это просто</h1>, сохраните в текстовом формате, измените расширение документа с .txt на .html и откройте его в браузере. Ну как? По моему приятно когда начинает получаться, можете попробовать то же самое с заголовками других уровней.

4. Стиль шрифта

Стиль шрифта указывается тегом <FONT> </FONT>. Он может иметь несколько атрибутов:

SIZE – задает размер текста (по умолчанию размер текста равен 3). Поместив текст между тегами <FONT SIZE=n></FONT>, где n - цифровое значение, Вы придадите ему нужный вам размер.

FACE – задает стандартное имя шрифта. Используйте шрифты, которые установлены на компьютере пользователя, в противном случае Обозреватель будет использовать шрифт, определенный по умолчанию (обычно Times New Roman). К стандартным шрифтам можно отнести шрифты, поставляемые с Windows. <font face="Courier"> Courier </font>

COLOR – задает цвет текста (по умолчанию черный - #000000). Цвет текста может определятся как самим названием, например, red, blue и т.д, так и представлен в шестнадцатиричном виде - #FF0000 (красный) #0000FF (синий). <font COLOR="red"> Красный </font>

<font COLOR="#FF0000"> Красный </font>

С помощью элемента STYLE тега <SPAN> (закрывающийся тег </SPAN> обязателен) можно задавать выделение текста любым цветом:

<SPAN STYLE="BACKGROUND-COLOR: lightgreen"> Светлозеленый </SPAN>

<SPAN STYLE="BACKGROUND-COLOR: yellow"> Желтый </SPAN>

<SPAN STYLE="BACKGROUND-COLOR: lightblue"> Светлосиний </SPAN>

5. Абзацы в языке HTML

Абзац в HTML документе заключается в тег

<P></P>.

Таким образом конструкция

<p> – Как настроение?</p><p> – Не плохо.</p>

будет выглядеть следующим образом

- Как настроение?

- Не плохо.

6. Выравнивание абзаца

В теге <P> элементом ALIGN может задаваться выравнивание абзаца:

<P ALIGN=LEFT> По левому краю </P>

<P ALIGN=CENTER> По центру </P>

<P ALIGN=RIGHT> По правому краю </P>

7. Выделение текста в HTML

Для выделения текста, или области текста в HTML используют теги:

<b> жирный </b>

<i >курсив </i>

<u >подчёркнутый </u>

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

<SUP> ^{Верхний индекс} </SUP>

<SUB> _{Нижний индекс} </SUB>

таким образом строка

<u><i><b>жирный подчёркнутый курсив</b></i></u>

будет выглядеть

жирный подчёркнутый курсив

8. Ненумерованные списки в HTML

Ненумерованные списки прописывают следующим образом:

<UL><LI>пункт 1<LI>пункт 2<LI>пункт 3</UL>

что даст нам список вида

• пункт 1

• пункт 2

• пункт 3

9. Вложенные списки в HTML

Посмотрите пример вложенного списка

<ul>

<li>Глава 1

<ul><li>Раздел 1<li>Раздел 2</ul>

<li>Глава 2

<ul><li>Раздел 1<li>Раздел 2</ul>

</ul>

такая запись в HTML коде даёт нам следующий результат

• Глава 1

• Раздел 1

• Раздел 2

• Глава 2

• Раздел 1

• Раздел 2

Тэг <UL> может включать параметр TYPE со значениями disc, circle, square. <UL TYPE=disc><LI> disc </UL>