Ввод и форматирование текста
Ввод текста – это, возможно, самый простой этап в процессе создания страницы, поскольку текст можно набирать непосредственно в HTML-файле, и он будет отображен браузером как обычный текст.
Например, вводится следующий текст:
Можно работать на Web без знания языка HTML, так как тексты HTML могут создаваться различными специальными редакторами и конвертерами. Однако я адресую это методическое указание тем, кто пишет непосредственно на HTML или, по крайней мере, изредка контролирует и модифицирует код HTML. Писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или производят плохой HTML код, который не работает на различных платформах.
Список и выделение его элементов
Зачастую текст надо разделять на смысловые группы, для того, чтобы он не казался скомканным. В этом случае имеет смысл использовать списки.
Язык HTML позволяет создавать списки нескольких типов. Широко используются упорядоченные (нумерованные), неупорядоченные (маркированные) и списки определений.
Для задания упорядоченного списка используются теги <OL> и </OL>, а для создания неупорядоченного списка - <UL> и </UL>. Список заключают между открывающим и закрывающим тегом, причём элементы списка помещают между тегами <LI> и </LI>. Закрывающий тег </LI> можно опустить.
Теги <OL>, <UL> и <LI> могут содержать атрибут TYPE=, который определяет способ пометки элементов списка. Упорядоченные списки можно нумеровать арабскими цифрами, римскими цифрами и латинскими буквами (в нужном регистре), а элементы неупорядоченного списка можно пометить маркерами в виде чёрного кружка (по умолчанию), белого кружка или квадратика.
Списки могут быть вложенными. Элементы списков могут содержать гиперссылки и теги, используемые для форматирования и оформления фрагментов.
Списки определений начинают с тега <DL> и заканчивают тегом </DL>. Маркеры или нумерацию в этих списках не используют. Список состоит из определяемых терминов и соответствующих определений. Определяемые термины помечают тегом <DT>, а определения - тегом <DD>. Закрывающие теги можно опустить. Определения обычно изображаются на экране с отступом от левого края.
Например, требуется создать следующий список:
Это методическое указание научит вас:
▪ Форматировать текст
▪ Оживлять страницу с помощью графики
▪ Составлять таблицы
▪ И еще немного
Таким образом, у нас программа страницы должна выглядеть как на рисунке 50.
Рисунок 47
А сама страница в браузере как на рисунке 51:
Рисунок 48
Выравнивание абзацев
Основным элементом текста в HTML является абзац. Абзац заключается в тэги <P></P>. Каждый абзац можно выровнять по левому краю, по правому краю или по центру. Для этого служит свойство align="", указываемое в начальном теге абзаца. Например:
<p align="left">
Выравнивание по левому краю
</p>
<p align="center">
Выравнивание по центру
</p>
<p align="right">
Выравнивание по правому краю
</p>
Стилевое оформление текста
Выравнивание текста по центру
Чтобы выровнять текст по центру, необходимо вставить теги <CENTER> и </CENTER> в начале и в конце нужного фрагмента. С помощью этих тегов также можно выравнивать заголовки, графику, абзацы текста и многое другое.
Полужирный шрифт
Теги <B> и </B> позволяют отображать различные слова и фразы HTML-документа полужирным шрифтом. Текст между этими тегами выглядит темнее и толще обычного текста, чем и выделяется.
Чтобы разметить текст как полужирный, необходимо вставить <B> и </B> в начале и в конце этого текста.
Курсив и подчеркивание
Отметить фрагмент текста, который должен быть выведен на экран курсивом или подчеркнутым, так же просто. Теги <I> и </I> выводят текст курсивом, а теги <U> и </U> подчеркнутым. Вставлять их надо соответственно в начале и в конце нужного фрагмента.
Работа с тегом <Font>
Разработчикам Web-страниц давно требовались дополнительные возможности изменения вида текста. Их не устраивало то, что они могут управлять только простыми атрибутами текста, но не могут с помощью основных тегов, таких как <H1>, влиять на стиль и цвет.
Новые версии Web-браузеров поддерживают тег <FONT>, который позволяет управлять стилем, цветом, размером и видом шрифта в гораздо большей степени, чем стандартные теги <B> и <I>.