Текст в html - тэг font

 
HTML
 
  Разделы учебника  
   
     
  html тэги  
 

Тэги по категориям:


Поиск html тегов
 
     
  TOP Хостинг  
 
 
     
  уроки html  
   
     
  Счетчики, ссылки  
 

Rambler's Top100 Рейтинг@Mail.ru +
карта сайта
html
 
     
  HTML  
 
Пользовательского поиска

Текст в html - тэг font

На прошлом уроке мы рассмотрели как использовать тэг <p>. На этом уроке я расскажу вам как пользоваться html тэгом <font>.

Внимание! Добро пожаловать в новый раздел forex!
Forex - это валютная биржа, позоляющая зарабатывать деньги не отходя от компьютера.
перейти в раздел "Форекс"!

Давайте сначала рассмотрим отличия html тэгов <p> и <font>. Основным отличием является то, что при использовании тэга <p> выделенный им текст будет как бы отделен от основной часть текста (переносом строки). Если вы хотите задавать параметры некоторого текста, и не хотите, чтобы он отделялся переносом строки, используйте тэг <font>


Возможности html тэга font

С помощью html тэга <font> вы можете задавать цвет и размер текста. Цвет текста задается атрибутом color, а размер - атрибутом size

Как обычно давайте рассмотрим все это на примере:

<html>
<head>
<title>HTML тэг FONT</title>
</head>
<body>
<font color="red"> Этот текст будет красным </font><br>
<font color="#FF0000"> Этот текст тоже будет красным </font><br>
<font size="+4"> Этот текст будет огромного размера </font><br>
<font size="-2"> Этот текст будет очень мелкий </font><br>
<font size="+4" color="#FF0000"> Этот текст будет огромного размера, да еще и красный :) </font><br>
</body>
</html>

Как обычно создайте html страничку с указанным выше кодом. Если у вас все получилось, то она должна выглядеть вот так.

Как видите атрибут color задает цвет текста, причем можно использовать как RGB код (например #FF0000), так и названия цветов. (например red, green, gray, yellow, white, black, blue и т.д.) Особенно хорошо получился цвет white :)

С атрибутом size я думаю все понятно - чем больше число, тем больше текст. Пример:
size="+1"
size="+2"
size="+3"
size="-1"
size="-2"

Если у вас что - то не получилось, заходите к нам на форум. Мы с удовольствием ответим на ваши вопросы.

  <<==Предыдущий урок   Начало Следующий урок==>>  

Пользовательского поиска
 
     
 
© http://html.sitehelp.ru 2006