Шрифтовое оформление.
Иногда когда очень сильно хочется подчеркнуть или выделить определённый момент текста, используют разные начертания текста, например, парный тег <B> (bold) выделяет всё жирным шрифтом, а парный тег <I> (italic) создает курсивное начертание, <U> (Underline) - подчеркнутый текст. Причем данные теги можно вкладывать друг в друга в любой последовательности.
Есть ещё более редкие парные теги: <SUB>(subscript) и <SUP> (superscript). Первый тег используется для оформления подстрочного текста (нижней индекс), а второй для надстрочногго текста (верхний индекс). А теперь практика:
<html> <body> <p align=right>А.С. Пушкин</p> <br><I> Его любовь постыла мне,</I> <br>Мне <b>скучно</b>, сердце воли <U>просит,</U> <br>Уж я... но тише! <I><U><B>слышешь?</I></U></B>он <br>
Другое имя произносит... </body> </html>
А теперь продолжим. Больше возможностей нам даёт парный тег <FONT>. Сам по себе этот тег нечего не делает с текстом, основную работу выполняют его атрибуты.
Рассмотрим один из атрибутов тега <FONT> - size. Он позволяет установить нужный размер шрифта. Атрибут size измеряется в условных единицах - от 1 (самый мелкий) до 7 (самый крупный). А теперь давайте попрактикуемся:
<html> <body> <br><font size=1>Размер 1</font> <br><font size=2>Размер 2</font>
<br><font size=3>Размер 3</font> <br><font size=4>Размер 4</font> <br><font size=5>Размер 5</font> <br><font size=6>Размер 6</font> <br><font size=7>Размер 7</font> <br>Стандартный размер HTML это size=3 </body> </html>
Итак продолжаем: В HTML имеется ещё один способ задать размер шрифта. Мы должны показать на сколько мы увеличиваем размер данного фрагмента текста. Задается размер с помощью знакомого нам атрибута size тега <font> таким образом: + или -, например +2 означает, что данный фрагмент нужно увеличить на 2. Ещё один атрибут тега <Font> - это face, с помощью которого можно установить гарнитуру шрифта. Этот атрибут очень "опасный", ведь если у пользователя на компьютере не окажется данного скрипта, то пользователь увидет, что-то наподобии этого: ßत¥êìëéÉË. Во избежание таких казусов, принято значение атрибута face указывать несколько шрифтов в порядке убывания их значимости. Практика:
<html> <body> <font face="monotype corsve, fantasy"> Это должно отображаться</font> </body>
Но самым интересным атрибутом тега <font> является атрибут установки цвета текста color. Значение можно задать с помощью имени шрифта (например red-красный) или номера (#ff0000). Практика:
<html> <body> <font color=#000088> Это должно отображаться емно-синим цветом</font> </body> </html>
Вы задаётесь вопросом, а что делать если весь текст нужно сделать определённой гарнитуры, не будем же мы заключать его в тег <font>. И, действительно есть 2 тега действующих на всю страницу, это тег <basefont> и уже знакомый тег <body>. У тега <basefont> есть атрибуты size, color и face. А отличается он от <body> только тем что <body> парный тег, а <basefont> - нет. На одной странице может встретиться несколько тегов <basefont>. В данном случае каждый последующий тег <basefont>
отменяет преведущий. А теперь попробуем его в действии:
<html> <body> <basefont size=+5>Пишем размером +5 <p><basefont color=#ff0000>А теперь нормальным шрифтом красным цветом </body> </html>
А почему бы не использовать тег <body> который уже и так выделяет весь текст, да потому что у него нет атрибутов size и face, зато есть атрибут text, который устанавливает цвет текста во всём документе. Имеется у тега <body> ещё один очень интересный атрибут bgcolor, с помощью которого можно установить цвет фона странички. Практика:
<html> <body text=#ff0000 bgcolor=#00ffff> Цвет=красный фон=aqua </body> </html>
|