- •Основные теги
- •Создание абзаца, символов пробела
- •Создание заголовков
- •Добавление комментариев в html-код
- •Форматирование текста Предварительное форматирование текста
- •Выбор шрифта html-страницы
- •Создание списков html страницы
- •Нумерованный список html страницы
- •Маркированный список html страницы
- •Многоуровненвый список html страницы
- •Списки определений html страницы
Выбор шрифта html-страницы
Для изменения шрифта служит тэг <FONT> с атрибутом FACE. Можно указывать шрифт по названию (Arial, Tahoma, Verdana) или типу(например, monospace). Желательно перечислить несколько имен шрифта, чтобы избежать ситуации, когда окажется, что требуемый шрифт не установлен у пользователя. Рекомендую "забить" хотя бы один из общепринятых шрифтов (например Arial). Не рекомендую на одной странице применять более 2-3 различных шрифтов, иначе страница будет смотреться аляповато и непрофессионально.
Пример:
|
HTML-код:
<p><font face="Times New Roman, Arial">У попа была собака, ОН ЕЕ ЛЮБИЛ</p> <p><font face="Monotype Corsiva, Arial">Она съела кусок мяса, ОН ЕЕ УБИЛ</p> |
Отображение в браузере:
У попа была собака, ОН ЕЕ ЛЮБИЛ Она съела кусок мяса, ОН ЕЕ УБИЛ |
Изменение размера шрифта html-страницы
Для изменения размера шрифта используют атрибут SIZE. Чем крупнее шрифт, тем более легким для восприятия становится текст. Однако, мелкий шрифт позволяет уместить в пределах экрана больший объем информации. Используя данный атрибут с тэгом <BASEFONT> , вы можете изменить размер текста web-страницы целиком. Применяя атрибут SIZE совместно с тэгом <FONT>, можно воздействовать на внешний вид отдельного фрагмента текста. Доступно 7 размеров шрифтов. Самый малый обозначается цифрой 1, а самый крупный - 7.
Изменять шрифт можно с помощью тэгов <BIG> и <SMALL>. <BIG> укрупняет шрифт указанного фрагмента по отношению к предыдущему тексту, а <SMALL>, соответственно, уменьшает.
Меняя размер отдельных букв, можно добиться интересных эффектов. Например, таким образом можно получить буквицу - укрупненную прописную букву начала абзаца.
Пример:
|
HTML-код:
<p><font size="1">Шрифт размера 1</font></p> <p><font size="2">Шрифт размера 2</font></p> <p><font size="3">Шрифт размера 3</font></p> <p><font size="4">Шрифт размера 4</font></p> <p><font size="5">Шрифт 5</font></p> <p><font size="6">Шрифт 6</font></p> <p><font size="7">Шрифт 7</font></p> <p><font size="6">У</font>тро красит нежным светом</p> <p><font size="+2">С</font>тены <small>старого</small> <big>Кремля</big></p> |
Отображение в браузере:
Шрифт размера 1 Шрифт размера 2 Шрифт размера 3 Шрифт размера 4 Шрифт 5 Шрифт 6 Шрифт 7 Утро красит нежным светом Стены старого Кремля
|
Выбор цвета шрифта html-страницы
Отображение участков текста web-страницы шрифтами разного цвета придает ей привлекательность.
Используя атрибут TEXT в контексте тэга <BODY>, можно изменить цвет текста web-страницы целиком. Применение же атрибута COLOR с тэгом <FONT> (обладает более высоким приоритетом) позволяет взаимодействовать на внешний вид отдельного фрагмента текста.
Чтобы изменить цвет текста, надо знать наименование цвета, либо его шестнадцатеричный код. Код состоит из символа фунта # и числа, представляющего интенсивность красной, зеленой и синей составляющих цвета. По имени можно сослаться только на 16 стандартных цветов.
Наим-е
цвета Код
aqua ##00FFFF
black ##000000
blue ##0000FF
fuchsia ##FF00FF
gray ##808080
green ##008000
lime ##00FF00
maroon ##800000
navy ##000080
olive ##808000
purple ##800080
red ##FF0000
silver ##C0C0C0
teal ##008080
white ##FFFFFF
yellow ##FFFF00
Пример:
|
HTML-код:
<p><font color="#ff0000">Красный цвет</font></p> <p><font color="blue">Синий цвет</font></p> |
Отображение в браузере:
Красный цвет Синий цвет |
Изменение цвета фона html-страницы
Атрибут BGCOLOR дает возможность явного указания цвета фона web-страницы. Цвет фона задается аналогично цвету текста (именем или кодом).
Пример:
|
HTML-код:
<BODY BGCOLOR="#00FF00"> </BODY> |
Отображение в браузере:
|
Поля страницы документа html
Поле - это полоса чистого пространства между воображаемой рамкой, в которую заключено содержимое страницы, и границами окна браузера. Поля позволяют придать странице аккуратный внешний вид.
В IE 5.0 используются следующие атрибуты для задания полей страницы:
LEFTMARGIN - левой поле
RIGHTMARGIN - правое поле
TOPMARGIN - верхнее поле
BOTTOMMARGIN - нижнее поле
По умолчанию размер полей равен, примерно, 10 пикселям.
Моноширинные шрифты документа html
Для отображения моноширинных шрифтов используются тэги <TT> <CODE> <KBD> <SAMP>. При этом каждому символу строки отводится одинаковое пространство.
Дескриптор <TT> наиболее часто используется и служит для выделения отдельных слов или фраз текста.
Дескриптор <CODE> применяют для выделения программных инструкций.
Дескриптор <KBD> полезен для выделения фрагментов текста, который должен быть введен пользователем.
Дескриптор <SAMP> часто используют для обозначения текстов примеров.
Пример:
|
HTML-код:
<p>Основной текст основной текст основной текст </p> <p><tt>Этот текст заключен в тэг TT</tt></p> |
Отображение в браузере:
Основной текст основной текст основной текст Этот текст заключен в тэг TT |
Блоки цитат документа html
Для создания блоков цитат применяют тэг <BLOCKQUOTE>. При этом цитата отображается с дополнительными отступами.
Если надо сформировать короткую цитату внутри абзаца, можно использовать тэг <Q>. Фрагмент текста в этом случае будет заключен в двойные кавычки.
Пример:
|
HTML-код:
<p>Основной текст основной текст основной текст основной текст</p> <p><blockquote>Блок цитат блок цитат Блок цитат блок цитат Блок цитат блок цитат</blockquote></p> |
Отображение в браузере:
Основной текст основной текст основной текст основной текст Блок цитат блок цитат Блок цитат блок цитат Блок цитат блок цитат |