Создание сайтов с нуля

#7. Основы HTML

по всем вопросам пишите на e-mail : webcourse@mail.ru

Сегодня мы продолжим изучение тегов HTML.

Теги, отвечающие за разметку и отображение текста:

Тег <p> используется для разделения текста на параграфы. Этот тег является блочным элементом, перед каждым параграфом вставляется пустая строка, то есть два параграфа текста отделяются между собой вертикальным промежутком. Закрывающий тег </p> необязателен, но лучше всегда ставить закрывающие теги, чтобы не было путаницы в коде страницы.

Атрибут тега Align служит для выравнивания параграфа. (Про возможные значения данного параметра я писал в прошлых выпусках.)

Следующий блочный элемент - <div>. Блок, заданный этим тегом всегда начинается с новой строки, и после него также происходит переход на новую строку. Но, в отличие от параграфов, между двумя блоками <div> нет вертикального промежутка.

Кроме атрибута Align, у данного тега есть еще один атрибут - Title. Он добавляет всплывающую подсказку к содержимому.
Пример: (<div title="всплывающая подсказка, которая появляется при наведении на блок указателя мыши">Текст</div>).

Ну и еще один тег, который применяется для разметки текста.
<BR> - используется для перевода строки. Закрывающий тег для него не нужен. Пример использования данного тега:

Ну а теперь теги, отвечающие за начертание шрифта:

<I>Текст</I> - отображает текст курсивом.

<B>Текст</ B> - устанавливает жирное начертание шрифта.
Можно использовать совместно с тегом <I> для отображения шрифта жирным курсивом. (<b><i>Текст </i></b>)

< U>Текст</U> - устанавливает подчеркивание для шрифта.

< S>Текст</S> - текст, выделенный с помощью данного тега отображается как перечеркнутый.

<SUB> - в данном теге текст отображается в нижнем индексе (_{подстрочные символы})

<SU P> - в данном теге текст отображается в верхнем индексе
(^{надстрочные символы})

В HTML можно использовать заголовки, которые обозначают начало раздела и показывают относительную важность данного раздела.

Бывает шесть уровней заголовков. <H1> - самый главный заголовок, текст заключенный в данном теге отображается самым крупным шрифтом жирного начертания, <H2> - поменьше и т.д.

Параметр Align данных тегов определяет выравнивание заголовков.

<H1>Заголовок 1 </H1>

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

<H3>Заголовок 3 </H3>

<H4>Заголовок 4 </H4>

<H5>Заголовок 5 </H5>

<H6>Заголовок 6 </H6>

Ну и еще одни тег: <Font>. Этот тег служит для изменения параметров шрифта текста, который в него заключен. Например позволяет задавать цвет текста, его шрифт, а также размер шрифта.

Итак атрибуты данного тега:

Color - устанавливает цвет текста внутри тега < font>. Про то, как задавать цвет я уже писал раньше.

Face - служит для задания шрифтов, которым будет отображаться текст, заключенный внутрь < font>.

Этот атрибут может принимать значения:

serif — шрифты с засечками, например Times;
sans-serif — рубленные шрифты, например Arial;
cursive — курсивные шрифты;
fantasy — декоративные шрифты;
monospace - шрифты, ширина каждого символа в которых одинакова.

Если данный атрибут не указывается (а в этом обычно нет необходимости), то используется шрифт, установленный в браузере по умолчанию.

Всего доброго.
Винников Василий.