Основы HTML

  1. Термины и определения
  2. Принципы WEB 2.0
  3. Структура HTML-документа
  4. Основные метатеги
  5. Форматирование текста HTML
  6. Списки
  7. Текст фиксированного формата
  8. Выделение фрагментов текста
  9. Изменение параметров шрифта
  10. Графика
  11. Таблицы
  12. Гиперссылки
  13. Изображения-карты
  14. Фреймы

Основы CSS3

  1. Что такое CSS
  2. Синтаксис CSS
  3. Стилевые классы
  4. Комбинированные стили
  5. Таблицы CSS
  6. Правила каскадности CSS
  7. Рекомендации применения стилей
  8. Параметры шрифтов
  9. Разрывы строк, вертикальное выравнивание
  10. Параметры фона
  11. Параметры абзаца
  12. Параметры списков
  13. Параметры курсора
  14. Параметры отступов
  15. Параметры рамки
  16. Параметры выделения
  17. Параметры отображения
  18. Контейнеры


   

Выделение фрагментов текста html-страницы

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

HTML-теги, которые предназначены для выделения текстовых фрагментов (все теги парные):

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

Наиболее часто применяются теги STRONG, B, EM, I. Принципиальное отличие тегов STRONG и B (EM и I) заключается в том, что для поисковой системы текст, заключенный в тег STRONG является более важным, чем обычный текст; текст, заключенный в тег EM, является более важным, чем обычный текст, но менее важным, чем текст, заключенный в тег STRONG; текст, заключенный в теги B, I для поисковой системы является таким же по важности, как и обычный текст. Это должен знать web-мастер, поскольку браузер текст, заключенный в теги STRONG и B (EM и I) отображает одинаково - полужирным шрифтом (курсивом).

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

ПРИМЕР 1:

<p><strong>STRONG-text</strong></p>
<p><em>EM-text</em></p>
<p><u>U-text</u></p>
<p><strike>STRIKE-text</strike></p>
<p><strong><em>EM-STRONG-text</em></strong></p>

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

ПРИМЕР 2:

CH<sub>3</sub>OH = CH<sub>2</sub>O + H<sub>2</sub>

a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>

Смотреть примеры в браузере..


TOP ↑