Шаг пятый
Преображение текста
B html тексту можно придать множество изменений. В этом уроке я расскажу Вам как сделать текст подчеркнутым, жирным, зачеркнутым и многое другое.
Начнем.
<em></em> - делает текст наклонным.
<strong></strong> - делает текст жирным.
<u></u> - Делает текст подчеркнутым.
<s></s> -Перечеркивает текст.
<font></font> - Дает возможность менять размер, цвет, шрифт текста.
<hr> - Создает горизонтальную линию в тексте
Ну думаю, что с элементами <em>,<strong>,<u>,<s> проблем не будет. Начну сразу с элемента <font>
<font></font> - Дает возможность менять размер, цвет, шрифт текста. Имеет атрибуты size, color, face.
size - Меняет размер шрифта. значения="1","2","3","4","5","6","7".
Color - Дает возможность менять цвет текста. Значение выставляется одним из шестнадцати основных цветов или RGB значением в шестнадцатиричной системе.
Fice - Дает возможность менять шрифт. Times New Roman, Arial, Courier, Courier New, Tahoma.
Элемент <hr> Создает горизонтальную линию в тексте. Атрибуты:
widht - Ширина линии в пикселя или процентах от ширины браузера.
size - Толщина линии в пикселях.
align - Используется для горизонтального выравнивания линии. Значения="left", "center", "right".
noshade - Делает линию закрашенной, сплошной.
Color - Цвет линии.
Смотрим пример по нашему уроку.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
Смотрим результат:
Начнем.
<em></em> - делает текст наклонным.
<strong></strong> - делает текст жирным.
<u></u> - Делает текст подчеркнутым.
<s></s> -
<font></font> - Дает возможность менять размер, цвет, шрифт текста.
<hr> - Создает горизонтальную линию в тексте
Ну думаю, что с элементами <em>,<strong>,<u>,<s> проблем не будет. Начну сразу с элемента <font>
<font></font> - Дает возможность менять размер, цвет, шрифт текста. Имеет атрибуты size, color, face.
size - Меняет размер шрифта. значения="1","2","3","4","5","6","7".
Color - Дает возможность менять цвет текста. Значение выставляется одним из шестнадцати основных цветов или RGB значением в шестнадцатиричной системе.
Fice - Дает возможность менять шрифт. Times New Roman, Arial, Courier, Courier New, Tahoma.
Элемент <hr> Создает горизонтальную линию в тексте. Атрибуты:
widht - Ширина линии в пикселя или процентах от ширины браузера.
size - Толщина линии в пикселях.
align - Используется для горизонтального выравнивания линии. Значения="left", "center", "right".
noshade - Делает линию закрашенной, сплошной.
Color - Цвет линии.
Смотрим пример по нашему уроку.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>lessonshtml</title>
</head>
<body>
<em>Начнем с наклонного текста</em><br>
<strong>Продолжим жирным</strong> <em><strong>Так же можно их совмещать</strong></em><br>
Теперь я хочу<u>подчеркнуть</u> свой текст<br>
Больше никогда <s>не заходите</s> не забывайте заходить к нам и смотреть что у нас нового.(Этот текст выше желтой линии)<br>
<strong>Продолжим жирным</strong> <em><strong>Так же можно их совмещать</strong></em><br>
Теперь я хочу<u>подчеркнуть</u> свой текст<br>
Больше никогда <s>не заходите</s> не забывайте заходить к нам и смотреть что у нас нового.(Этот текст выше желтой линии)<br>
<hr widht="50%" align="center" size="3" noshade color="yellow"><br>
<font size="+3" color="green" face="Tahoma">Этот текст ниже желтой линии толщиной в 3 пикселя. И при этом, этот текст имеет размер +3, зеленый цвет, и шрифт tahoma</font>
<p align="center"><strong>На этом закончим урок и подведем его обычной линией в 1 пиксель.</strong></p><hr widht="95%">
<p align="center"><strong>На этом закончим урок и подведем его обычной линией в 1 пиксель.</strong></p><hr widht="95%">
</body>
</html>
Смотрим результат:
Комментариев нет:
Отправить комментарий