Служба рассылок "Рассылки@Mail.Ru"

Письмо рассылки "Строим сайт от А до Я" от 29 июня 2003 года

Строим сайт от А до Я. Четвертый выпуск.
Строим сайт от А до Я. Четвертый выпуск.


Четвертый выпуск. От 29.06.2003
Ведущий рассылки: Троитская Екатерина
Написать мне stroimsait@front.ru
Архивы рассылки:Здесь
Содержание рассылки:

Изучаем HTML

  1. Шрифт, размер и цвет текста
  2. Контакты

Привет.
Хотелось бы еще раз напомнить, что каждый новый выпуск рассылки является логическим продолжением предыдущих. Если Вы только что к нам присоединились, то настоятельно рекомендую Вам ознакомиться с предыдущими выпусками. Сделать это можно Здесь .

Сегодня мы будем изучать как задать размер, шрифт и цвет текста.

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

Архив рассылки: http://content.mail.ru/arch/arch_10662.html


 Поиск: 
В Интернете  В Каталоге

Новости · Деньги · Спорт · Авто · Погода · Афиша · Музыка · ТВ · Софт
Аукцион · Покупки · Путешествия · Сувениры · Мой сайт · Работа
Знакомства · Открытки · Анекдоты · Гороскопы · Форумы · Чаты
Рейтинг · Каталог · Рассылки · Баннерные сети · Реклама на Mail.ru

Рейтинг@Mail.ru