Большинство HTML документов имеют заголовок. Для его создания используют теги <Hn></Hn>, где n – число от 1 до 6. Заключив текст между этими тегами, вы получите заголовок определенного размера.
<H1>Заголовок</H1>
<H2>Заголовок</H2>
<H3>Заголовок</H3>
<H4>Заголовок</H4>
<H5>Заголовок</H5>
<H6>Заголовок</H6>
Для создания нового абзаца используется тег <P>, а для перехода на новую строчку без создания абзаца - тег <BR>. Эти теги закрывать не обязательно. Конечно, если Вы не используете в теге <P> элемент ALIGN, которым может задаватся выравнивание абзаца:
<P ALIGN=LEFT> По левому краю </P>
<P ALIGN=CENTER> По центру </P>
<P ALIGN=RIGHT> По правому краю </P>
<P ALIGN=JUSTIFY> Текст, находящийся между этими элементами выравнивается по ширине </P>
Для придания тексту определенного начертания - жирный, курсив, подчеркнутый и т.д., поместите его между соответствующими тегами:
<B>Жирный текст</B>
<I> Курсив </I>
<U> Подчеркнутый </U>
<STRIKE> Перечеркнутый </STRIKE>
<SUP> Верхний индекс </SUP>
<SUB> Нижний индекс </SUB>
Некоторые теги могут или должны применяться с определенными параметрами, которые указываются в открывающемся элементе тега (можно сразу указывать несколько параметров в одном теге). Например, открывающийся тег <FONT> (закрывающийся тег </FONT> обязателен) может иметь несколько атрибутов:
SIZE - задает размер текста (по умолчанию размер текста равен 3). Поместив текст между тегами <FONT SIZE=n></FONT>, где n - цифровое значение, Вы придадите ему нужный вам размер:
<font size="1"> Пример 1 </font> <font size="2"> Пример 2 </font> <font size="3"> Пример 3 </font> <font size="4"> Пример 4 </font> <font size="5"> Пример 5 </font> <font size="6"> Пример 6 </font>
FACE - задает стандартное имя шрифта. Используйте шрифты, которые установлены на компьютере пользователя, в противном случае Обозреватель будет использовать шрифт, определенный по умолчанию (обычно Times New Roman). К стандартным шрифтам можно отнести шрифты, поставляемые с Windows, Ms Office. В самой нижней строке данной таблицы представлено использование семейства шрифта - имя каждого шрифта пишется через запятую. Если у пользователя на компьютере нет шрифта Comic Sans MS, Обозреватель подставит следующий в этом списке - Tahoma.
<font face="Times New Roman"> Times New Roman </font>
<font face="System"> System </font>
<font face="Arial"> Arial </font>
<font face="Courier"> Courier </font>
<font face="Verdana"> Verdana </font>
<font face="Comic Sans MS, Tahoma"> Comic Sans MS </font>
COLOR - задает цвет текста (по умолчанию черный - #000000). Цвет текста может определятся как самим названием, например, red, blue и т.д, так и представлен в шестнадцатиричном виде - #FF0000 (красный) #0000FF (синий).
<font COLOR="red"> Красный </font> <font COLOR="#FF0000"> Красный </font>
С помощью элемента STYLE тега <SPAN> (закрывающийся тег </SPAN> обязателен) можно задавать выделение текста любым цветом:
Цвет и фон страницы выбираются по желанию дизайнера, но нужно учитывать и тот факт, что от них зависит визуальное восприятие всего сайта. Не стремитесь все затемнить, текст удобно читать, если его хорошо видно.
Цвет. Для его вставки в строку с тегом <BODY> Вашего документа нужно добавить параметр BGCOLOR и указать его значение - название цвета или его шестнадцатиричный вид. Данные два примера заполняют страницу документа красным цветом.
<BODY BGCOLOR="RED"> (использовано название цвета) <BODY BGCOLOR="#FF0000"> (использован шестнадцатиричный вид цвета)
Фон. Фоном может быть как большой графический файл (в этом случае страничка будет грузиться дольше) так и его фрагмент. При использовании последнего он будет автоматически размножен Вашим Обозревателем, поэтому подбирайте фрагмент хорошо стыкующимся. Вставить в страницу фоновую картинку можно так:
<BODY BACKGROUND="images.gif">
Параметру BACKGROUND присвоено значение images.gif - это имя графического файла с расширением (поддерживаются *.jpg, *.gif, *.png). Естественно оно может быть другим. Предполагается, что графический файл расположен в одной папке с Вашим документом, иначе нужно указать к нему путь. Разберемся с путями на примере файла images.gif.
На два уровня вниз.
Параметр="Folder_1/Folder_2/images.gif"
На два уровня вверх.
Параметр="../../images.gif"
Подобное указание путей применяется для разных элементов, например, ссылок, рисунков, файлов.
Тег <BODY> может также иметь параметры отступов в документе (определяются числовым значение).
leftmargin - отступ слева rightmargin - отступ справа topmargin - отступ сверху bottom margin - отступ снизу