Презентация по теме "Форматирование текста"

Оформление текста

Тег   позволяет написать зачеркнутый текст:

Зачеркнутый текст

В браузере увидим:

Зачеркнутый текст

Теги   и   позволяют написать верхний индекс или нижний индекс соответственно. Эти теги уменьшают размер текста и сдвигают его относительно базовой линии вверх или вниз.

Например, их можно использовать для написания формул:

E = mc ²

или

C ₂ H ₅ OH

В браузере увидим:

E = mc 2  или C 2 H 5 OH

Оформление текста

Теги форматирования можно использовать совместно.

Например, чтобы сделать текст жирным и курсивным одновременно, достаточно написать:

Жирный курсивный текст

И в браузере мы увидим:

Жирный курсивный текст

Сводная таблица тегов форматирования:

Заголовки

Чтобы как-то выделить заголовки в тексте, в html существуют специальные теги  заголовка . Эти теги изменяют размер текста, сверх и снизу заголовка делаются отступы, пропорциональные его размеру, а также после заголовка делается перенос строки. Вот эти теги:  , 

 :  .   - самый большой заголовок,   - самый маленький.

Т.е. если написать:

Текст в виде большого заголовка

и

Текст в виде маленького заголовка

Браузер отобразит это так:

Текст в виде большого заголовка

и

Текст в виде маленького заголовка

Теги переноса строки и форматирования абзаца

Перенос строки осуществляет тег  . Это непарный тег, означающий переход на новую строку.

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

Теги переноса строки и форматирования абзаца

Тег   используется, когда требуется написать текст как есть, включая все пробелы и переносы строки.

Т.е. если написать:

Идет бычок,     качается, Вздыхает на ходу...

Любой текст можно, а иногда и нужно, разбить на абзацы. В html такую функцию выполняет тег 

. Если поместить текст между открывающим тегом 

 и закрывающим тегом 

, то сверху и снизу от этого теста появится отступ, т.е. этот кусок текста отделится от общей массы текста и образуется  параграф .

Выравнивание текста

Всего в html можно задать 4 типа выравнивания:  по левому краю ,  по правому краю ,  по центру ,  по ширине . Чтобы задать тип выравнивания нужно параметру  align  тега 

 присвоить одно из значений:

• left  (выравнивание по левому краю),
• right  (выравнивание по правому краю),
• center  (выравнивание по центру),
• justify  (выравнивание по ширине).

Упражнение 2

Скачайте  файл Exercise2_01.tif в формате RTF, создайте по его образу html-документ с соблюдение всех элементов оформления текста.

Выложите получившийся файл в личный каталог, и откройте Вашу страничку в браузере.