Элементы форматирования делятся на две группы: физического и логического форматирования.
Элементы физического форматирования (SMALL – уменьшенный, BIG – увеличенный, B – полужирный, I – курсив, S – зачеркнутый, U – подчеркнутый, SUB – нижний индекс, SUP – верхний индекс, TT – моноширинный шрифт) явно задают внешний вид символов и работают только в визуальной среде. Они применяются при нестрогом следовании версии HTML 4.0.
Элементы логического форматирования (EM – выделенный, STRONG – усиленный, CITE – малая цитата, DFN – определение, ABBR – аббревиатура, ACRONYM – акроним, DEL – удаленный, INS – вставленный, CODE текст программы, KBD – данные вводимые с клавиатуры, SAMP – пример, VAR – переменная) указывают на части текста, которые должны быть выделены, а способ выделения зависит от типа применяемого браузера. Работают в различных средах (визуальной, звуковой и т.п.).
Практическая работа
- Создать файл frtxt1.htm на основе созданного ранее шаблона:
- открыть шаблон (файл template.htm) для редактирования в текстовом редакторе Блокнот,
- сохранить шаблон под другим именем – frtxt1.htm.
- В созданном файле frtxt1.htm проверить работу тегов физического форматирования. Для этого:
- Откорректировать содержание <title>, записав в него фразу «Элементы физического форматирования»,
- В разделе BODY текст «Элементы физического форматирования», оформить заголовком первого уровня с выравниванием по центру,
<H1 align=”center”> Элементы физического форматирования </H1>
- Ниже заголовка в столбик перечислить названия всех элементов физического форматирования взятых из справочника (см. начало данной статьи) и оформить их с помощью соответствующих тегов по форме – <SMALL>Уменьшенный </SMALL> <BR> и т.д.
- Сохранить внесенные в документ изменения и открыть файл для просмотра в браузере – Файл/ Сохранить, а затем двойной щелчок по файлу frtxt1.htm в месте его сохранения.
- Создать файл frtxt2.htm на основе созданного ранее шаблона как указано в п. 1.
- В созданном файле frtxt2.htm проверить работу тегов логического форматирования. Для этого:
- Откорректировать содержание <title>, записав в него фразу «Элементы логического форматирования»,
- В разделе BODY текст «Элементы логического форматирования», оформить заголовком второго уровня с выравниванием по правому краю,
<H2 align=”right”> Элементы логического форматирования </H2>
- Ниже заголовка в столбик перечислить названия всех элементов логического форматирования взятых из справочника (см. начало данной статьи) и оформить их с помощью соответствующих тегов по форме – <EM>Выделеный </EM> <BR> и т.д.
- В элементах ABBR – аббревиатура и ACRONYM – акроним применить атрибут title.
- Сохранить внесенные в документ изменения и открыть файл для просмотра в браузере – Файл/ Сохранить, а затем двойной щелчок по файлу frtxt2.htm в месте его сохранения.