Выделение части текста

Здесь мы поговорим о выделении фрагментов текста.
Часто, при заработке в интернете на своём сайте, в создание web странички, возникает необходимость выделения какого-то участка текста. Это можно сделать с помощью тэга для выделения текста<b>текст</b>. Кусочек текста находящийся между тэгами <b></b> выделится полужирным шрифтом. Попробуем на практике, как это будет выглядеть.

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body>
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2>Животные леса.</H2>
<br>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края <b>достаточно
разнообразен и представлен беспозвоночными
и позвоночными животными различных классов</b>,
отрядов и видов.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области 
учтено 54 вида млекопитающих. На территории
области обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, 
<font size="+2">восемь видов встречаются
только в зимнее время</font>
, 60 - во время пролета и сезонных 
миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов 
насекомых (13 видов насекомых занесено в 
Красную книгу бывшего СССР и Красную книгу
России). В водоемах области обитает 38 видов
рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех 
и др. Самыми крупными рыбами водоемов области 
являются сом и щука.</font></p>
</div>
</body>
</html>

посмотреть результат

Способы выделения текста разнообразны. Выделять часть текста html можно не только полужирным шрифтом, но и курсивом <i>текст</i> или подчеркнуть текст <u>текст</u>. Также можно изменить размер шрифта с помощью тегов:

<small>текст</small>маленький шрифт;
<big>текст</big>крупный шрифт.
Ну и последнее. С помощью тегов <Sup> и <Sub> можно изменять индексы.

Верхний индекс — <sup></sup>
Нижний индекс — <sub></sub>

Эти теги можно использовать при написании математических примеров или химических формул. Например: а2 + b2 = c2
Теперь попробуем подставить все вышеперечисленные значения в наш код.

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body>
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2>Животные леса.</H2>
<br>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края <b>достаточно
разнообразен и представлен беспозвоночными
и позвоночными животными различных классов</b>,
отрядов и видов.</font></p>
<p align="justify"><font face="Garamond,  Arial, Verdana">
<i>На территории области учтено 54 вида млекопитающих</i>. 
На территории области обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, 
<font size="+2">восемь видов встречаются
только в зимнее время</font>
, 60 - во время пролета и сезонных 
миграций; <u>16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР</u>.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов 
насекомых (<small>13 видов насекомых занесено в 
Красную книгу бывшего СССР и Красную книгу
России</small>). В водоемах области обитает 38 видов
рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех 
и др. <big>Самыми крупными рыбами водоемов области 
являются сом и щука</big>.</font></p>
</div>
</body>
</html>

посмотреть результат

Пример использования индексов:

Верхний индекс:

a<sup>2</sup>+ b<sup>2</sup>= c<sup>2</sup>
a2+ b2= c2

Нижний индекс:

H<sub>2</sub>SO<sub>4</sub>
H2SO4

Также ещё есть теги с перечёркнутым шрифтом. Правда, для чего они используются, я не знаю, но на всякий случай я их приведу. Может Вам они и понадобятся:

<strike>текст</strike>
<s>текст</s>

Значение этих тэгов практически одинаково. Можете использовать любой.
На следующей странице мы с Вами раскрасим Вашу страничку всеми цветами радуги.

Поделиться в соц. сетях

Выделение части текста
Выделение части текста
Выделение части текста
Выделение части текста
Выделение части текста
Выделение части текста

Оставить комментарий

http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика