Работаем с текстом на html странице часть 3. Изменить размер и цвет текста, горизонтальная линия на сайте, выделить текст курсивом.


В этом уроке будем работать c элементами.

<font> </font> Изменяем цвет и размер в html.

<em> </em> Выделяем текст курсивом.          

<hr> Горизонтальная линия в тексте.               




<font> </font>Как изменить цвет и размер текста в html.

С помощью открывающего <font> и закрывающего </font> мы можем изменять тип, цвет, размер шрифта текста. Он тоже работает дополнительными элементами, такими как COLOR (цвет) и SIZE (размер). Давайте посмотрим в примере, как это выглядит.


Вот так выглядит обычный текст, <br>
<FONT COLOR="red">а вот так красный </FONT><br>
<FONT COLOR="red" SIZE="+2"> этот не только красный, но и в 2 раза увеличенный </FONT>
 

Теперь добавьте этот код на вашу html страницу и посмотрите что у нас получилось. На рисунке вы видите, что в браузере COLOR="red" означает, что цвет текста будет красным, а SIZE="+2" что текст будет увеличен вдвое.

Как изменить размер и текст на сайте



<em> </em> Как выделять текст курсивом.

Если нам нужно на сайте выделить текст курсивом то мы будем использовать элемент <em> его тоже надо использовать с закрывающим тегом </em>. Давайте посмотрим пример.


В этом примере <em> этот часть текста будет выделено курсивом </em>


Вот как видно в браузере расположенное между тегами <em> </em> выделилось курсивом.

Как выделять текст курсивом



<hr> Как сделать горизонтальную линию на сайте.

Тег <hr> используется для использования горизонтальной лини и не нуждается в закрывающем теге. Он работает с дополнительными атрибутами такими как:
COLOR - цвет линии
NOSHADE - сплошная закраска лини
SIZE - толщина линии в пикселях
WIDTH - длина линии
ALIGN left - выравнивает по левому краю веб страницы
ALIGN right – выравнивает по правому краю html страницы
ALIGN center – выравнивает по центру веб страницы

НУ что давайте посмотрим на примере, как это работает на странице сайта.


Вот эта линия растянется на 70% открывшейся страницы в браузере с правой стороны.
<br> <hr width="70%" align="right">
<br> Ниже толстая закрашенная линия по ширине.
<br> <hr noshade align="center" size ="6">
<br> Следующая линия красного цвета тоже толстая растянулась на 50% открывшейся
страницы в браузере и находится по центру.
<br><hr color="red" size ="6" width="50%">
<br>Вот пример обычной толстой линии.
<br><hr size ="6">
 

Как делать линию на html странице сайта

На сегодня наш урок окончен, ждём вас на следующем не мене интересном и значимом уроке работы с текстом часть 4.



Рейтинг@Mail.ru   Яндекс.Метрика