2.3. Выравнивание

С помощью ключевого слова ALIGN, используемого в сочетании со словом WIDTH, вы можете задать выравнивание горизонтальной линии. Существует три вида выравнивания: по левому краю (LEFT), по центру (задается по умолчанию) и по правому краю (RIGHT).

Тег, выравнивающий горизонтальную линию по левому краю страницы, выглядит так (линия занимает 50 процентов ширины):

<HR WIDTH=50% ALIGN=LEFT>

Выровняйте три линии (1-ую, по левому краю; 2-ую по правому; 3-ью, по центру).

2.4. Толщина линии

Вы можете задавать не только ширину, но и толщину линии. Это позволяет создавать горизонтальные линии, которые действительно отделяют и организуют различные разделы Web-страницы без применения графики или дополнительных возможностей HTML, например таблиц.

С помощью ключевого слова SIZE тега <HR> вы задаете толщину горизонтальной линии в пикселях. Толщина по умолчанию составляет 2 пикселя (SIZE=2). Задать можно любую толщину линии в пределах от 1 до 175 пикселов. Чтобы толстые линии отображались сплошными (темными), используйте вместе со словом SIZE опцию NOSHADE.

Например, для отображения на экране горизонтальной линии толщиной 5 пиксель необходим следующий тег:

<HR NOSHADE SIZE=5>

Нарисуйте три линии, толщиной: 1, 10, 100 пиксель.

Урок 6-7. Стилевое оформление текста

Существует много способов управления внешним видом текста на Web-странице. Как и в текстовом редакторе, текст на Web-странице может быть выделен полужирным шрифтом, курсивом или подчеркнут. Вы можете задать вид шрифта, а также размер шрифта. Кроме того, HTML позволяет полностью управлять цветом текста на экране.

На этом уроке Вы узнаете несколько новых тегов и научитесь сочетать различные стили, что поможет сделать Вашу страничку действительно великолепной.

Создайте файл в котором будете задавать стилевое оформление текста.

1. Выравнивание текста по центру.

Теги выравнивания по центру <CENTER> и </CENTER>. Чтобы выровнять текст по центру, просто вставьте теги <CENTER> и </CENTER> в начале и в конце нужного фрагмента. ВЫ можете выравнивать по центру заголовки, горизонтальные линии, Web-графику и абзацы текста.

Наберите главный заголовок «Добро пожаловать!» и выровняйте его по центру вашей домашней страницы.

Так выглядит HTML-код после вставки тегов:

<CENTER><H1> Добро пожаловать! </H1></CENTER>

2. Полужирный шрифт

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

Введите фразу «Этот текст будет отображен полужирным шрифтом» и выделите её полужирным шрифтом.

Так выглядит HTML-код после вставки тегов:

<B> Этот текст будет отображен полужирным шрифтом</B>

3. Курсив

Отметить фрагмент текста, который должен быть выведен на экран курсивом, так же просто. Для этого используются теги <I> и </I>. Просто вставьте их в начале и в конце выбранного текста в вашем HTML-файле.

Введите фразу «Этот текст будет выведен курсивом» и выделите её курсивом на вашей страничке.

Так выглядит HTML-код после вставки тегов:

<I>Этот текст будет выведен курсивом</I>

4. Зачеркнутый текст

Зачеркнутый текст выглядит как обычный текст, перечеркнутый горизонтальной чертой. Его применяют в различных целях. Обычно тег зачеркивания используется для того, чтобы показать изменения в Web-странице или документе. Чтобы отметить текст как зачеркнутый, используйте теги <S> и </S> в начале и в конце этого текста.

Используя теги <S> и </S> зачеркните текст.

<S>Этот текст зачеркнут</S>