Тег font и линия

Снова здравствуйте сегодня, мы рассмотрим, как использовать тег <font></font> и его атрибуты и тег <hr> и конечно его атрибуты. Итак, тег фонт используется, как контейнер для текста с его помощью можно изменять цвет, размер шрифта, также сам шрифт. Я вам не советую его использовать на практике, так как сейчас этот тег уже не поддерживается всеми браузерами и вместо него используют язык css- о нем мы поговорим позже. Итак, допустим у нас есть текст «Моя страничка» и мы хотим его сделать зеленого цвета. Как это сделать я покажу ниже вот у нас есть код:


<html>
<body>
<font color=»green»> Моя страничка</font>
</body>
</html>


В этом кусочке мы видим наш контейнер «фонт» и у него прописан атрибут «color» то есть цвет. В этом атрибуте мы пишем наш цвет можно писать словами используются английские названия цветов, такие как red,green,white,black и т.д. Кроме них есть цвета, которые обозначаются цифрами вот пример таких цветов. #FF0000 это цвет красный, тёмно зеленый #003300, синий #000099 лучше использовать такую кодировку цветов, так как их намного больше и они намного разнообразнее. Есть уже готовые таблицы с этими цветами. Чтобы их найти надо написать в поисковике «web colors» или «HTML Colors».
Вот пример использования буквенных значений цвета и цифренных:


<html>
<body>
<font color=»blue»> Моя страничка</font>
<font color=»green»> Моя страничка</font>
<font color=»red»> Моя страничка</font>
<font color=»#FF0000″ > Моя страничка</font>
<font color=»#003300″> Моя страничка</font>
<font color= «#000099» > Моя страничка</font>
</body>
</html>

Вот на фото вы можете посмотреть пример.

Итак, с цветом вроде разобрались теперь перейдем к размеру самого шрифта. Это также атрибут контейнера <font> и называется он size. Можно в нем использовать значения от 1 до 7. Пример:

<html>
<body>
<font color=»blue» size=»5″> Моя страничка</font>
</body>
</html>

Так же можно использовать такое значение как +1,+2,+3 и т.д. Далее мы рассмотрим тег <hr> это просто горизонтальная линия или черта как вам удобнее. У неё так же есть атрибуты align,color,size есть еще несколько сейчас мы их рассмотрим. Пример использования <hr>

<html>
<body>
<font color=»green» size=»3″> Моя страничка</font>
<hr>
<font color=»red» size=»4″> Моя страничка</font>
</body>
</html>

Вот еще один атрибут тега <hr> это width ширина линии. Вот как это все работает на практике:

<html>
<body>
<font color=»green» size=»3″> Моя страничка</font>
<hr size=5 color=green>
<font color=»red» size=»4″> Моя страничка</font>
<hr size=2 color=green width=200>
</body>
</html>

Закрепите на Pinterest