Атрибуты текста

Понедельник, 12 Сентября 2011 г. 11:23 + в цитатник

Помощь блоггеру

Атрибуты текста

Тег, назначающий шрифт -
содержимое тега

размер шрифта (size)- 
Примеры
это шрифт с числом 2это шрифт с числом 2
это шрифт с числом 5это шрифт с числом 5

гарнитура(имя) шрифта (face)- 
В системах MS Windows обычно используется несколько шрифтов, поставляемых вместе с системой - это:
Arial- Ариал
Courier New -Курьер Нью
Comic Sans - Комик Санс
Times New Roman -Таймс Нью Роман
Verdana -Вердана ...
Примеры
текст Arial
текст Arial

текст Verdana
текст Verdana

Цвет текста (color)- 

Цвет можно задать двумя способами:
a) цифрами, что будет более точно по оттенкам.

Ставим #, после чего пишем цифры .
Цифры задавать по 16-ричной системе, т.е. не от 0 до 10, а от 0 до FF.
То есть минимально это может быть 000000, что соответствует черному, максимально - это будет FFFFFF, что соответствует белому. все промежуточные комбинации - это уже оттенки. Например, красный цвет - это FF0000, зеленый - это 00FF00, синий - 0000FF.

б) английским словом.

Для упрощения набора основных цветов в стандарте HTML было позволено замещать цифровой ряд обычным словом, обозначающим тот или иной цвет в английском языке. Например, написание color=black окрасит выделенное тегом в черный цвет, green - в зеленый, white - в белый и т.п. Слова, обозначающие цвет, можно легко найти в словаре.

Примеры
 желтый текст 
желтый текст
 красный текст 
красный текст

<text color="#ffff00"> желтый текст </text>
желтый текст
<text color="#ff0000"> красный текст </text>
красный текст

Эти три тега - размер, цвет и вид шрифта, - можно расположить в любой последовательности в теге
Так
текст
или
текст

Главное тут следить, чтобы задаваемые параметры (в данyом случае это имя шрифта, его цвет и размер) были выделены кавычками и находились внутри тега 
межу 

Для примера напишу текст в разных вариациях, чтобы вы видели, как меняется текст при замене атрибутов текста.

1. Защита картинки от копирования.
Изображение ставим фоном нашей таблицы. И закрываем прозрачным фоном.
Защита картинки от копирования.
Изображение ставим фоном нашей таблицы. И закрываем прозрачным фоном.

2. Защита картинки от копирования.
Изображение ставим фоном нашей таблицы. И закрываем прозрачным фоном.
Защита картинки от копирования.
Изображение ставим фоном нашей таблицы. И закрываем прозрачным фоном.

Вместо font можно писать text
Размер шрифта <text size="3">текст</text>
гарнитура(вид) шрифта <text face="Comic Sans MS">текст</text>
цвет шрифта <text color="#ff0000">текст</text>
или
<text color="#000000" face="arial" size="5">ТЕКСТ</text>

Желаю удачи!

УРОКИ ОТ ДЖУЛИИ

Серия сообщений "XTML":
Часть 1 - Шпаргалка по XTML
Часть 2 - Коды текста для рамочек
...
Часть 31 - Полезные уроки
Часть 32 - Без заголовка
Часть 33 - Атрибуты текста
Часть 34 - Урок. Как сделать простую рамочку для текста
Часть 35 - Как сделать картинку с увеличением ("кликабельной").
...
Часть 41 - Полезные ссылки
Часть 42 - Рамки
Часть 43 - Без заголовка

Серия сообщений "Текст":
Часть 1 - Пишем текст разноцветный, разного размера, со ссылками
Часть 2 - Работа с текстом в Photoshop: Создание 3D-текста, используя возможности CS5
...
Часть 14 - Сделать текст с прокруткой.
Часть 15 - Русский золотой алфавит
Часть 16 - Атрибуты текста
Часть 17 - Полезная программа для копирайтера
Часть 18 - Как вставить символ, если его нет на клавиатуре
...
Часть 22 - Бегущий живой текст
Часть 23 - Генераторы текста
Часть 24 - Простые правила оформления статей для сайта (блога)