Купели HTML


Advertisements

Купели играют очень важную роль в делать вебсайт более дружественная и более увеличивая содержимая считываемость. Сторона и цвет купели зависят полностью на компьютере и браузере который используется для того чтобы осмотреть вашу страницу но вы можете использовать бирку <font> HTML для того чтобы добавить тип, размер, и цвет к тексту на вашем вебсайте. Вы можете использовать бирку <basefont> для того чтобы установить весь из вашего текста к одинаковому размеру, стороне, и цвету.

Бирка купели имеет 3 атрибута вызванного размер, цвет, и сторона для того чтобы подгонять ваши купели. Для того чтобы изменить любые атрибуты купели в любое время в пределах вашего webpage, просто используйте бирку <font>. Текст который следовать не останет измененным до тех пор пока вы близкие с биркой </font>. Вы можете изменить один или все атрибуты купели внутри одна бирка <font>.

Примечание: Бирки купели и basefont deprecated и предположены, что извлекано в будущей версии HTML. Так они не должны быть использованы довольно, оно предлагали для использования типов CSS манипулировать ваши купели. Но все еще для учить цель, эта глава объяснит бирки купели и basefont подробно.

Установите размер шрифта

Вы можете установить содержимый размер шрифта используя атрибут размера. Ряд принятых значений от 1 (само мало) до 7 (само больш). Размер значения по умолчанию купели 3.

Пример

<!DOCTYPE html>
<html>
<head>
<title>Setting Font Size</title>
</head>
<body>
<font size="1">Font size="1"</font><br />
<font size="2">Font size="2"</font><br />
<font size="3">Font size="3"</font><br />
<font size="4">Font size="4"</font><br />
<font size="5">Font size="5"</font><br />
<font size="6">Font size="6"</font><br />
<font size="7">Font size="7"</font>
</body>
</html>

Это даст следующий:

Font size="1"
Font size="2"
Font size="3"
Font size="4"
Font size="5"
Font size="6"
Font size="7"

Относительный размер шрифта

Вы можете определить сколько размеров более больших или сколько размеров более малых чем размер шрифта preset быть. Вы можете определить его любите size= " +n " <font > или size=» - n " <font >

Пример

<!DOCTYPE html>
<html>
<head>
<title>Relative Font Size</title>
</head>
<body>
<font size="-1">Font size="-1"</font><br />
<font size="+1">Font size="+1"</font><br />
<font size="+2">Font size="+2"</font><br />
<font size="+3">Font size="+3"</font><br />
<font size="+4">Font size="+4"</font>
</body>
</html>

Это даст следующий:

Font size="-1"
Font size="+1"
Font size="+2"
Font size="+3"
Font size="+4"

Сторона купели установки

Вы можете установить сторону купели используя атрибут стороны но отдавали себе отчет что если просмотр, то потребителя страница не имеет купель установила, они не будете увидеть его. Вместо потребитель увидит сторону купели значения по умолчанию применимую к компьютеру потребителя.

Пример

<!DOCTYPE html>
<html>
<head>
<title>Font Face</title>
</head>
<body>
<font face="Times New Roman" size="5">Times New Roman</font><br />
<font face="Verdana" size="5">Verdana</font><br />
<font face="Comic sans MS" size="5">Comic Sans MS</font><br />
<font face="WildWest" size="5">WildWest</font><br />
<font face="Bedrock" size="5">Bedrock</font><br />
</body>
</html>

Это даст следующий:

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

Определите другие стороны купели

Посетитель только будет увидеть вашу купель если они имеют что купель установленная на их компьютер. Так, возможно определить два или больше алтернативы стороны купели путем перечислять имена стороны купели, отделенные запятым.

<font face="arial,helvetica">
<font face="Lucida Calligraphy,Comic Sans MS,Lucida Console">

Когда ваша страница будет нагружена, их браузер покажет первую сторону купели доступную. Если никакие из, котор дали купелей установлены, то они покажут сторону Times New Roman купели значения по умолчанию.

Примечание: Проверите полный список купелей стандарта HTML.

Цвет купели установки

Вы можете установить любой цвет купели вы любите используя атрибут цвета. Вы можете определить цвет который вы хотите или именем цвета или Кодом шестнадцатеричной системы счисления для того цвета.

Примечание: Вы можете проверить полный список имени цвета HTML с Кодами.

Пример

<!DOCTYPE html>
<html>
<head>
<title>Setting Font Color</title>
</head>
<body>
<font color="#FF00FF">This text is in pink</font><br />
<font color="red">This text is red</font>
</body>
</html>

Это даст следующий:

This text is in pink
This text is red

Элемент <basefont>:

Предположены, что устанавливает элемент <basefont> размер шрифта, цвет, и пальмиру значения по умолчанию для всех частей документа которые в противном случае не содержатся внутри бирка <font>. Вы можете использовать элементы <font> для того чтобы отвергнуть установки <basefont>.

Бирка <basefont> также принимает цвет, размер и атрибуты и она стороны поддержат относительную установку купели путем давать размеру значение +1 для размера более большого или -2 для 2 размеров более малых.

Пример

<!DOCTYPE html>
<html>
<head>
<title>Setting Basefont Color</title>
</head>
<body>
<basefont face="arial, verdana, sans-serif" size="2" color="#ff0000">
<p>This is the page's default font.</p>

<h2>Example of the &lt;basefont&gt; Element</h2>
<p><font size="+2" color="darkgray">
This is darkgray text with two sizes larger
</font></p>

<p><font face="courier" size="-1" color="#000000">
It is a courier font, a size smaller and black in color.
</font></p>

</body>
</html>

Это даст следующий:

This is the page's default font.

Example of the <basefont> Element

This is darkgray text with two sizes larger

It is a courier font, a size smaller and black in color.

Advertisements