Web-мастеру

У вас есть идея насчет сайта? Вы хотите написать о своей самоделке нам? Тогда вам сюда или пришлите её нам skype valeron609, e-mail:   Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра. . Новость должна быть уникальной. 

Тег font и линия

Автор 
Оцените материал
(0 голосов)

Снова здравствуйте сегодня, мы рассмотрим, как использовать тег <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>

Размер 5 в блокноте

Размер 5 в браузере

 

 

 

 


Так же можно использовать такое значение как +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>

Линия код в блокноте

Линия в браузере

 

 

 

 

 


Вот в принципе и все, тренируйтесь.

Понравился сайт? Кликни +1

Наши группы

Красиво не правда ли? Нажми если хочешь.

Три случайные новости

  • Мультивибратор
    Мультивибратор Всем привет сегодня я расскажу, как сделать простейшую мигалку своими руками-оригинальное название простейший мультивибратор. Схема…
  • С Новым 2014 Годом!
    С Новым 2014 Годом! Всем привет!!! Сегодня 31-е - последний день в этом году! Администрация сайта "сделай сам" поздравляет…
  • Настенная полка своими руками
    Настенная полка - очень важный предмет дома. Он выполняет как хозяйственную так и декоративную функцию.…