Выделение частей текста в документе HTML.

Безимени-183А сейчас я расскажу о том, как выделить в тексте документа html фрагменты.

Иногда при работе с электронным документом, в интернете на страничках сайта, нужно выделить не весь текст, а только его часть, фрагмент для того, чтобы привлечь внимание посетителя вашей странички, заставить бросить взгляд на самое важное для создателя текста. Для выделения нужного отрывка быстро созданы парные теги, парными они называются, потому что работают они только парой, одиночные теги в данном виде работы использовать не получится.

Для выделения отрывка текста на языке HTML можно использовать разные варианты:

1. <u>текст</u> нужный отрывок будет подчеркнутым.
2. <i>текст</i> выделение курсивом.
3. <b>текст</b> фрагмент текста поменяет шрифт на полужирный.

Покажу как это сделать на примере текста. Подставим вышеприведенные теги в HTML документ.

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

 

Можно поменять размер шрифта:
1. <small>текст</small> – текст будет отформатирован маленьким шрифтом;
2. <big>текст</big> – крупным шрифтом.

Либо изменить индексы, хотя такой вариант больше подходит для математических формул, примеров, при решении химических задач, написании химических формул:
1. <sup></sup> изменится верхний индекс
2. <sub></sub> поменяется нижний индекс
Рассмотрим пример использования этих тегов на практике.

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

 

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

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

 

Тоже самое нужно делать при изменении нижнего индекса:

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

 

Есть еще один вариант, который я никогда не использовал, но знаю о нём и с вами поделюсь.
<strike>текст</strike>
<s>текст</s>
Эти теги выделяют фрагмент текста с помощью перечеркнутого шрифта, к сожалению, не могу сообщить для чего используют такой вид форматирования.

Используя любой из вариантов выделения отрывка в текстах HTML, вы сможете без труда отформатировать нужный вам фрагмент, что привлечет внимание посетителя странички к самому важному на сайте, увеличить посещаемость вашего сайта.

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

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

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

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

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