Главная » Статьи » Программирование » Уроки HTML

Оформление текста в HTML

Поговорим немного об оформлении текста, иногда нам нужно что-то выделить жирным текстом или курсивом к примеру. В этой статье я раcскажу как это сделать в HTML. Наверное для наглядности я сделаю вам табличку с примером и тегами.

Как это выглядит : Какой тег используеться :
Полужирный текст <b> Полужирный текст </b>
Выделение текста курсивом <i> Выделение текста курсивом </i>
Подчёркнутый текст <u> Подчёркнутый текст </u>
Зачёркнутый текст <s> Зачёркнутый текст </s>
Маленький шрифт <small> Маленький шрифт </small>
Большой шрифт <big> Большой шрифт </big>
Надстрочный текст <sup> Надстрочный текст </sup>
Подстрочный текст <sub> Подстрочный текст </sub>
НАВЕДИТЕ МЫШКОЙ <acronym title=»Это текст при наведении на который всплывет подсказка»>Наведите мышкой </acronym>Наведите мышкой

Так же тексту можно указывать размер и цвет. Это делаться тегом <font></font> и атрибутами size , а так же color.

Вот пример :

<font size =»35″ color=»red»>Я большой красный текст </font>

Вот список стандартных цветов :

Black White Red Green Blue Purple Firebrick Maroon OrangeRed MidnightBlue CornflowerBlue
Cyan Yellow Magenta DarkGreen DarkGoldenrod Gold Orchid BlueViolet Burlywood PeachPuff

Так же вы можете использовать цвета в шеснадцатиричном коде:

#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF#FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066#0000CD #AFEEEE #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B#CC33FF

И так теперь вы знаете как раскрасить свою страницу, сделать ее более привлекательной

Категория: Уроки HTML | Добавил: Nikitos (2017-11-05)
Просмотров: 119 | Теги: Оформление сайта а | Рейтинг: 0.0/0

Поддержите проэкт комментариями, покажите что мы не зря стараемся. Добавив нам мотивации писать больше и чаще. Мы тратим средства на содержание ресурса,но ничего с этого не имеем. У вас есть возможность поучаствовать в финансировании проэкта ;)

Имя *:
Email *:
Код *:
Всего комментариев: 0