Создание собственной web-страницы в Internet

Вид материалаДокументы

Содержание


Команды форматирования абзацев
Подобный материал:
1   2   3   4   5   6   7   8   9

Обратите внимание, что регистр символов в имени файла имеет значение. После создания тега с указанием цветов мы можем приступить к наполнению странички информационным содержимым.

Для оформления и форматирования текста в HTML-документах применяется в общем-то небольшое количество тегов. Если текст не оформлен никакими дескрипторами, то отображаться он будет в соответствии с настройками броузера пользователя.

Например:






Первая web-страничка


CONTENT=”text/html; CHARSET=windows-1251”>





Этот текст не оформлен никакими дескрипторами,

поэтому на странице он будет отображаться в

соответствии с настройками броузера и свойствами,

указанными в теге . Броузер будет

автоматически форматировать текст в зависимости

от ширины окна и разрешения дисплея.





Выглядеть это будет так

Для управления шрифтовым оформлением WEB-страниц предназначен дескриптор . Этим тегом указываются параметры шрифта, такие, как размер, цвет и название. Параметры шрифта в теге указываются в кавычках в любом порядке.

Определяя шрифт документа, помните, что при просмотре странички будут использоваться те шрифты, которые установлены на компьютере пользователя, а не на вашем компьютере. И если вы будете использовать на страничках необычные шрифты, никто кроме вас их не увидит.

В настоящее время стандартными шрифтами, использующимися в WWW, являются Times New Roman и Courier New. Также вы можете пользоваться и шрифтом Arial, так как он распространен не менее широко, чем указанные. Пользоваться другими шрифтами нет смысла, поскольку они недостаточно популярны.

Строка, указывающая, что данный фрагмент текста необходимо будет отображать с установленным по умолчанию шрифтом размером 6 единиц и буквами фиолетового цвета, будет выглядеть так:

SIZE=”6” COLOR=”#8080C0”>Текст.

Если вы желаете использовать для текста нестандартный шрифт, в теге необходимо будет указать параметр FACE, т. е. для отображения той же строки шрифтом Arial тег будет выглядеть так:

FACE=”Arial” SIZE=”6” COLOR=”#8080C0”>Текст.

В параметре FACE можно указывать несколько шрифтов в порядке предпочтения. Текст будет отображаться тем шрифтом, который установлен на компьютере пользователя, в порядке предпочтения, указанном вами.

Пример:
FACE=”Verdana, Tahoma, Arial”>Текст.

Если на компьютере пользователя, просматривающего вашу страничку, не найден ни один из указанных вами шрифтов, текст будет отображаться шрифтом, указанным в настройках броузера пользователя, и, скорее всего, им станет Times New Roman.

Для управления начертанием символов, т. е. для установки параметров Жирный (Bold), Курсив (Italic) и Подчеркнутый (Underlining), используются теги , , . Как вы можете догадаться, эти теги требуют закрытия и могут использоваться, перекрывая действие друг друга.

Пример:


Жирный
Жирный-Курсив
Жирный-Курсив-Подчеркнутый


На этом мы пока закончим освоение тегов, управляющих параметрами шрифта, и перейдем к изучению команд форматирования абзацев.

Команды форматирования абзацев

Как известно, на странице текст размещается в абзацах. Для определения абзаца в HTML используется тег

. Он имеет параметр ALIGN, управляющий выравниванием текста параграфа с помощью четырех аргументов: LEFT, RIGHT, CENTER и JUSTIFY:


— выравнивание текста по левому краю экрана;


— выравнивание текста по правому краю экрана;


— выравнивание текста по центру экрана;


— полное выравнивание текста по обоим краям экрана.

Для размещения любого объекта по центру строки существует тег
. Он вполне применим также и к тексту. Если вам необходимо расположить по центру строки лишь несколько слов или заголовок, тег
будет являться более удобным вариантом, чем тег

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

Пример:


На странице этот текст

будет располагаться в две строки.

Последним дескриптором, о котором мы сегодня расскажем, будет тег