Физические стили

Под физическими стилями подразумевают прямое указание браузеру на модификацию текущего шрифта. Т.е. между тэгами <B> и </B> будет жирный шрифт, а между <I> и </I>- курсив (наклонный).

<B> Полужирный текст </B

<I> Наклонный текст (курсив)

<TT> шрифт фиксированный ширины (как на пишущей машинке) </TT>

<U> Подчеркнутый текст </U>

<STRIKE> перечеркнутый шрифт </STRIKE>

<S> тоже перечеркнутый шрифт </S>

<BIG> шрифт большего размера </BIG>

<SMALL> шрифт меньшего размера. </SMALL>

Логические стили.

Используя логические стили, вы не можете точно знать, что увидит на экране читатель. Разные браузеры толкуют одни и те же метки логических стилей по разному. Например, <STRONG> обычно выделяется текст жирным шрифтом, но кто-то из читателей захочет, возможно, чтобы в данном случае текст выделялся цветом. Таким образом логические стили дают большую свободу в выборе шрифтов пользователю.

<DFN> - служит для описания определений (это определение);

<EM> - служит для выделения текста (это выделенное слово);

<CITE> - служит для выделения цитат (это цитата);

<CODE> - служит для выделения программных кодов, текстов программ и т.п. Обычно выделяется шрифтом фиксированной ширины (это текст программы);

<KBD> – используется для ввода с клавиатуры пользователя (Введите password);

<SAMP> - используется для вывода машинных сообщений (Segmentation fauit: core dumped);

<STRONG> - служит для особого выделения текста, обычно выделяется жирным текстом (это очень важный текст);

<VAR> - используется для символьных переменных (это переменная);

<ABBR> - используется для аббревиатур (СНГ, КПСС, WWW);

<ACRONYM> - используется для сокращений (стр. англ.).

Элементы <ABBR> и <ACRONYM> могут содержать аттрибут <TITLE>, описывающий расшифровку аббревиатуры или сокращения:

<ABBR TITLE = Worid wide Web> WWW</ABBR>. Элементы ABBR и ACORONYM используется для голосовых браузеров (для слепых например), в остальных браузерах сокращения каким-либо шрифтом не выделяются.

Тэг <font></font> - многофункционален. Им может задаваться не только цвет текста в конкретной части документа, но и размер шрифта, и вид шрифта (Arial)

Атрибут тэга <font> face

<font face="ARIAL"> текст (шрифт Arial)</font>


С помощью атрибута face в нашем примере задан шрифт Arial. Таким образом вы можете задать и какой-нибудь экзотический шрифт для своей страницы, но это немного рискованно, т.к. у вашего посетителя может не оказаться такого шрифта, поэтому все же лучше задавайте стандартные (Arial (без надсечек), Times Roman (пропорциональный), Courier (равноширинный) и другие).

Задание размера шрифта:

<font size="+4"> текст </font>
<font size="+3">
текст </font>
<font size="+2">
текст </font>
<font size="+1">
текст </font>
<font size="+0"> текст </font>
<font size="-1"> текст </font>
<font size="-2">
текст </font>

Задание цвета в документе

Цвет в документе можно задать и в открывающем теге <body>:

<body text="#336699">

Это значит, что весь текст страницы будет синим.

Цвет фона устанавливается в тэге <body>:

<body bgcolor="#000000">

Мы одновременно можем прописать в теге <body> и цвет текста в документе, и цвет фона.

<body text="#336699 bgcolor="#000000">

Тэг <font></font> - может задавать цвет текста в конкретной части документа.

Пример: Слова Добро Пожаловать в красный.

<font color="#CC0000">Добро пожаловать!:)</font>

где СС0000 значение цвета.

Примечание: Коды цветов, букв, символов смотри в специальных файлах расположенных по адресу C:\Work\Курс\Группа\WEB.

Контрольные вопросы.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: