Меню
Обратите внимание!
Партнёры
Главная » Статьи » Учебник HTML

Шрифтовое оформление (урок 5)
Шрифтовое оформление.
       Иногда когда очень сильно хочется подчеркнуть или выделить определённый момент текста, используют разные начертания текста, например, парный тег <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>
</html>

      Сохраняем и смотрем результат.
      Но самым интересным атрибутом тега <font> является атрибут установки цвета текста color. Значение можно задать с помощью имени шрифта (например red-красный) или номера (#ff0000).
      Для выбора необходимого вам цвета Вы можете воспользоваться таблицей web-цветов.
      Практика:

<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>

Сохраняем и смотрим результат.








 







































Категория: Учебник HTML | Добавил: Admin (2013.06.11)
Просмотров: 9199 | Рейтинг: 4.4/5
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Добавь в закладки
Добавь сайт в закладки

Нажми на клавиатуре Ctrl+D или нажми Добавить
За скрипт спасибо Bitfood
Скрипт месяца
Скрипт здесь

Сайт: Всё для web-мастеров.






























Мобильная версия
Яндекс.Метрика Рейтинг@Mail.ru
Цена 12345644.at.ua