При выводе на экран текста браузер игнорирует дополнительные пробелы, символы табуляции и возврата каретки, пустые строки. Их можно использовать для того, чтобы сделать текст HTML-документа более легко читаемым, но для правильного его отображения на Web-странице следует использовать специальные тэги:
a) Цвета в HTML-документе.
Язык HTML определяет следующие типы цветов:
- BGCOLOR (цвет фона для тела документа),
- TEXT (цвет, используемый при выводе на экран текста из данного документа),
- LINK (цвет, который будет использоваться при выводе на экран текста из еще не выбранных вами гипертекстовых связей),
- VLINK (цвет, который будет использоваться при выводе на экран текста из уже проверенных вами гипертекстовых связей),
- ALINK (цвет, которым будут выделяться в тексте гипертекстовые связки в тот момент, когда пользователь щелкает по ним клавишей мыши).
Существует две формы задания цвета: символьная (указывается название одного из предопределенных цветов) и цифровая (комбинация RGB: #RRGGBB).
Символьные идентификаторы основных цветов и их RGB-комбинации приведены ниже:
|
|
- BLACK (#000000) — черный,
- SILVER (#C0C0C0) — серебряный,
- GRAY (#808080) — серый,
- WHITE (#FFFFFF) — белый,
- MAROON (#800000) — темно-красный,
- RED (#FF0000) — красный,
- PURPLE (#800080) — темно-сиреневый,
- FUCHSIA (#FF00FF) — сиреневый,
- GREEN (#008000) — зеленый,
- LIME (00FF00) — ярко-зеленый,
- OLIVE (#808000) — оливковый,
- YELLOW (#FFFF00) — желтый,
- NAVY (#000080) — темно-синий,
- BLUE (#0000FF) — голубой,
- TEAL (#008080) — сине-зеленый,
- AQUA (#00FFFF) — ярко-голубой.
Атрибут, указывающий на цвет, может использоваться в тэгах <BODY>, <FONT>, <HR>, <MARQUEE>, <TABLE>.
б) Элементы форматирования на уровне блоков.
<P align=left|center|right|justify nowrap> текст </P> - разделяет два абзаца пустой строкой. Может не иметь пары </P>. Параметр ALIGN задает выравнивание информации. Применение параметра NOWRAP дает возможность писать текст без переноса слов. Для центрирования текста или графики можно использовать также контейнер <CENTER>.
<H1|H2|H3|H4|H5|H6 align=...> текст </H1|H2|H3|H4|H5|H6> -используются для выделения структурных частей текста. Каждый стиль заголовка имеет свой размер. Тэг <H1> имеет наибольший размер.
<HR align=... size=... width=... noshade> - предназначен для вычерчивания горизонтальной линии. Атрибут SIZE задает толщину линии в пикселях, WIDTH — ее ширину в пикселях или процентах от ширины окна браузера. Атрибут NOSHADE позволяет представить линию без тени в виде простой темной полоски.
<BR> - вызывает переход на новую строчку без разрыва абзаца.
<WBR></WBR> - определяет место возможного (рекомендуемого) переноса (разрыва) строки.
<NOBR></NOBR> - заключает в себе текст, который не должен разбиваться на строки, даже если она выходит за границы экрана. Вместо этого браузер позволит горизонтально прокручивать текст.
|
|
<PRE></PRE> -, выводится браузером на экран как есть — со всеми пробелами, символами табуляции и конца строки. Это очень удобно при создании простых таблиц.
<BLOCKQUOTE></BLOCKQUOTE> - предназначен для обозначения в документе цитаты из другого источника. Текст, обозначенный этим тэгом, отступает от левого края документа на 8 пробелов.
Пример:
<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>
В браузере это будет выглядеть следующим образом:
Рисунок 9 – Размеры шрифтов
в) Элементы логического форматирования текста.
<ABBR></ABBR> - Отмечает текст как аббревиатуру.
<ACRONYM></ACRONYM> - Так же, как и тэг <ABBR> используется для отметки аббревиатур. Этим тэгом рекомендуется отмечать так называемые акронимы, т.е. произносимые слова, состоящие из аббревиатур.
<CITE></CITE> - Используется для отметки цитат или названий книг и статей, ссылок на другие источники.
<CODE></CODE> - Отмечает свой текст как небольшой фрагмент программного кода.
<DEL></DEL> - Отмечает свой текст как удаленный.
<DFN></DFN > - Отмечает свой текстовый фрагмент как определение
<INS></INS> - Отмечает свой текст как вставку.
<EM></EM> - Используется для выделения важных фрагментов текста.
<KBD></KBD> - Отмечает текст как вводимый пользователем с клавиатуры.
<Q></Q> - Отмечает короткие цитаты в строке текста.
<SAMP></SAMP> - Отмечает текст как образец.
<STRONG></STRONG> - Используется для выделения важных фрагментов текста
<VAR> </VAR> - Отмечает имена переменных программы. г) Элементы физического форматирования текста
<B></B> - Отображает текст полужирным шрифтом.
<I></I> - Отображает текст курсивом..
<TT></TT> - Отображает текст моноширинным шрифтом.
<U></U> - Отображает текст подчеркнутым.
<STRIKE></ STRIKE> - Отображает текст подчеркнутым.
<S></S> - Отображает текст, перечеркнутым горизонтальной линией.
<BIG></BIG> - Отображает текст большего размера.
<SMALL></ SMALL> - Отображает текст меньшего размера.
<SUB></SUB> - Сдвигает текст ниже уровня строки и выводит его шрифтом меньшего размера.
<SUP></SUP> - Сдвигает текст выше уровня строки и выводит его шрифтом меньшего размера.
<BLINK></BLINK> - Отображает мигающий текст.
<BASEFONT> - Используется для указания размера, типа и цвета шрифта, используемого в документе по умолчанию
<FONT size=… color=... face=...> текст </FONT> - Указывает параметры шрифта.
size — устанавливает размер шрифта, который будет использоваться текстом, содержащимся в пределах элемента font. Можно задать абсолютный размер шрифта, указав какое-либо целое число от 1 до 7. Для шрифта можно также указывать относительный размер, сообщая атрибуту целое число со знаком (это может быть size="+1" или size="-2").
color — указывает цвет, которым будет выделен данный кусок текста. Цвета задаются в виде RGB-значения с шестнадцатеричной нотацией, либо выбирается один из стандартных цветов.
face — задает гарнитуру шрифта.