Содержание рассылки:
Изучаем HTML
- Шрифт, размер и цвет текста
- Контакты
Привет.
Хотелось бы еще раз напомнить, что каждый новый выпуск рассылки является логическим продолжением предыдущих. Если Вы только что к нам присоединились, то настоятельно рекомендую Вам ознакомиться с предыдущими выпусками. Сделать это можно Здесь .
Сегодня мы будем изучать как задать размер, шрифт и цвет текста.
1. Шрифт, размер и цвет текста
Рассмотрим очень интересный тег <FONT> Он позволяет задавать параметры текста (цвет, размер и шрифт).
Чтобы задать цвет нужно использовать атрибут color (как неожиданно (color перевод с англ. Цвет)
Чтобы задать размер шрифта используем атрибут size
Чтобы задать шрифт используем атрибут face
Рассмотрим возможные значения для данных атрибутов.
1) Для атрибута SIZE (размер) используем значения от 1 до 7. Где 1 самый маленький размер, 3 это размер используемый по умолчанию (если не указан размер шрифта то используется номер 3), а 7 самый большой шрифт.
Применяем уже знакомую нам конструкцию
<тег атрибут="значение" >.......</тег >
<font size="5" > текст </font >
<font size="4" > текст </font >
<font size="3" > текст </font >
<font size="2" > текст </font >
<font size="1" > текст </font >
P.S. Размер шрифта 6 и 7 здесь не показаны (слишком уж они большие).
2) Значения для атрибута COLOR (цвет).
Все мы знаем различные цвета (красный, зеленый, фиолетовый и т.д.). Как же объяснить компьютеру какой цвет использовать. Для этого каждый цвет задается в числовом формате или названием цвета, разрешенное в браузере.
16 основных цветов
|
Black (#000000) |
|
Navy (#000080) |
|
Gray (#808080) |
|
Blue (#0000ff) |
|
Silver (#c0c0c0) |
|
Purple (#800080) |
|
White (#ffffff) |
|
Fuchsia (#ff00ff) |
|
Green (#008000) |
|
Maroon (#800000) |
|
Lime (#00ff00) |
|
Red (#ff0000) |
|
Teal (#008080) |
|
Olive (#808000) |
|
Aqua (#00ffff) |
|
Yellow (#ffff00) |
Пример:
<font color="#ff0000" > Шрифт красного цвета </font>
или <font color="Red" > Шрифт красного цвета </font>
<font color="#0000ff" > Шрифт синего цвета </font>
или <font color="Blue" > Шрифт синего цвета </font>
<font color="#008000" > Шрифт зеленого цвета </font>
или <font color="Green" > Шрифт зеленого цвета </font>
и т.д. и т.п.
3)Для атрибута FACE (шрифт) используем значения которые символизируют название шрифтов.
Например Arial, Times Roman или Courier
<font face="Times Roman " > текст (шрифт Times Roman )</font>
<font face="Arial" >текст (шрифт Arial)</font>
<font face="Courier" >текст (шрифт Courier)</font>
Можно использовать сразу несколько параметров или все сразу.
<font color="#ff0000" size="3" > Шрифт красного цвета+размер шрифта ?3</font>
<font color="#ff0000" size="3" face="Arial" > Шрифт красного цвета+размер шрифта ?3+названия шрифта Courier</font>
Вспомним наш пример.
1) Сделаем заголовок красного цвета. Чтобы это осуществить используем следующею конструкцию
<font color="#ff0000" > .....</font>
Итак:
<html>
<head>
<title>Изучаем HTML </title>
</head>
<body>
<font color="#ff0000" > <h3 align ="center" >HTML </h3> </font >
<p align ="justify"> Сама по себе аббревиатура HTML расшифровывается так - <i>Hyper Text Markup Language</i>, по-русски - язык гипертекстовой разметки.
<p>Открыв любую страничку в Интернете вы можете просмотреть ее HTML-код. В меню <b><u>вид </u></b>выберите пункт <b><u>просмотр HTML-кода.</u></b></p>
</body>
</html>
2) Изменим размер шрифта и сам шрифт во всем тексте.
Сдалаем шрифт 4-м размером названия шрифта Arial
<font size="4" face="Arial">.....</font>
<html>
<head>
<title>Изучаем HTML </title>
</head>
<body>
<font color="#ff0000" > <h3 align ="center" >HTML </h3> </font >
<font size="4" face="Arial"><p align ="justify"> Сама по себе аббревиатура HTML расшифровывается так - <i>Hyper Text Markup Language</i>, по-русски - язык гипертекстовой разметки.
<p>Открыв любую страничку в Интернете вы можете просмотреть ее HTML-код. В меню <b><u>вид </u></b>выберите пункт <b><u>просмотр HTML-кода.</u></b></p>
</font >
</body>
</html>
На сегодня все.
2. Контакты
Задать свои вопросы
Поделиться мнением, успехами и неудачами Вы можете по адресу stroimsait@front.ru
Основные вопросы будут рассматриваться в следующих рассылках.
© 2003 Troitskaya Ketee