• Авторизация


О ШРИФТЕ 18-06-2014 16:46 к комментариям - к полной версии - понравилось!

Это цитата сообщения last_Alive Оригинальное сообщение

Как задать шрифт, изменить размер или цвет текста

Как задать шрифт, изменить размер или цвет текста отдельного параграфа

Для выполнения всех этих функций служит тег-контейнер <font> </font>


Чтобы изменить размер, шрифт или цвет текста отдельного участка в HTML существует
тег-контейнер <font> отдельный кусок текста</font>

Цвет текста

Начнем по-порядку и научимся изменять цвет текста отдельного участка. Для этого в тег font нужно поместить атрибут color

вот так:

 <font color="red"> отдельный кусок текста</font>



Значения атрибута color такие же, как и для атрибутов bgcolor text тега body,
т.е мы можем задавать их:

- словами по-английски- Black, Green, Silver, Lime, Gray, Olive, White, Yellow, Maroon, Navy, Red, Blue, Purple, Teal, Fuchsia, Aqua

- или номерами цвета в RGB - #000000 , #FFFFFF


Шрифты текста

Далее мы с вами научимся задавать шрифты для текста и познакомимся с новым атрибутом face тега font

 <font face="Tahoma"> отдельный кусок текста</font>




Шрифты служат для того, чтобы, например, помочь разнообразить или выделить название и т.д., но есть одна проблема.
Шрифтов, которые есть у вас (посмотреть их можно в C:WINDOWSFonts), - может не оказаться
у ваших посетителей.
Вторая проблема в том, что некоторые шрифты можно использовать только к кириллице (русскими буквам) или наоборот только с латиницей (английскими буквами). Хотя есть, конечно, и третий тип, который подходит и к латинице и кириллице.

В списке ниже перечислены какие шрифты считаются стандартными, есть у всех и подходят к любым буквам:


  • Arial

  • Cosmic Sans

  • Courier

  • Garamond

  • Helvetica

  • Verdana

  • Tahoma

  • Times

  • Times New Roman



Можно одновременно задавать несколько шрифтов:

 <font face="Tahoma, Times, Verdana"> отдельный кусок текста</font>



Из этого кода дается понять, что если у вашего посетителя не окажется шрифта
Tahoma , то текст будет предоставлен шрифтом Times , а если нет и Times , то текст будет Times New Roman. Ну а если и этого шрифта не будет, то шрифт - по умолчанию браузера.


Размеры текста

Теперь перейдем к размерам. Изменить размер текста в HTML можно при помощи двух тегов font и/или basefont.

Тег basefont служит для изменения базового цвета, шрифта и размера текста, например:

<basefont face="Tahoma, Times, Verdana" color="red" size="3">....текст....


Этот тег не является контейнером, т.е. обратного тега не имеет

Цвет и шрифт текста задается так же, как и в теге font

А вот для изменения размера текста используется атрибут size со значением от 1 до 7. Этот тег в тексте можно использовать несколько раз:



<basefont face="Tahoma, Times, Verdana" color="red" size="4">....текст....



<basefont size="6">....текст....



<basefont color="gold" size="3">....текст....



По умолчанию размер текста = "3", т.е. этот размер можно не задавать.

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

Но придется вас огорчить в том, что этот тег был введен в версии HTML-4.01 и, соответственно, поддерживается в браузере только Интернет Експлорер, а остальные браузеры его просто игнорируют. Так что лучше этот тег не использовать вообще

А пользоваться только тегом fonr с атрибутом sizeОн поддерживается почти всеми браузерами.

Атрибут size также принимает значения от 1 до 7, но эти размеры могут задаваться и от "-2" до "+4"



<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>


Итак

Тег font, как и basefont, тоже может содержать несколько атрибутов:

<font size="5" color="red" fase="Tahoma, Times, Verdana">.... текст....</font>



last_Alive

----------------------
SEO-продвижение без переплат. Надежность, Отличный Сервис, гарантии, результативность
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник О ШРИФТЕ | zhernokleev1947 - Дневник zhernokleev1947 | Лента друзей zhernokleev1947 / Полная версия Добавить в друзья Страницы: раньше»