Пример 7.4. Способы выравнивания текста

<! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" " https://www.w3.org/TR/html4/loose.dtd" >

< html>

< head>

< meta http-equiv=" Content-Type" content=" text/html; charset=utf-8" >

< title> Выравнивание текста < /title>

< /head>

< body>

< h1 align=" center" > Как поймать льва? < /h1>

< h2 align=" right" > Метод перебора < /h2>

< p align=" justify" > Делим пустыню на ряд элементарных участков, размер

которых совпадает с габаритными размерами льва, но при этом меньше размера

клетки. Далее простым перебором определяем участок, в котором находится лев,

что автоматически приводит к его поимке. < /p>

< h2 align=" right" > Метод дихотомии < /h2>

< p align=" justify" > Делим пустыню на две половины. В одной части - лев, в

другой его нет. Берем ту половину, в которой находится лев, и снова делим

ее пополам. Так повторяем до тех пор, пока лев не окажется пойман. < /p>

< /body>

< /html>

Результат данного примера показан на рис. 7.4.

Рис. 7.4. Вид текста при его выравнивании

Начертание

Жирное начертание

Насыщенностью называют увеличение толщины линий шрифта и соответственно контраста. Обычно различают четыре вида насыщенности: светлое начертание, нормальное, полужирное и жирное. Однако с помощью HTML можно установить только нормальное и жирное начертание. Для установки текста жирного начертания применяется два тега: < b> и < strong>.

< b> Жирное начертание шрифта < /b>

< strong> Сильное выделение текста < /strong>

Курсивное начертание

Курсивный шрифт представляет собой не просто наклон отдельных символов, для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. Курсив для текста определяют два тега: < i> и < em>.

< i> Курсивное начертание шрифта < /i>

< em> Выделение текста < /em>

Следует отметить, что теги < b> и < strong>, также как < i> и < em> хотя и похожи по своему действию, являются не совсем эквивалентными и заменяемыми. Первый тег < b> — является тегом физической разметки и устанавливает жирное начертание текста, а тег < strong> — тегом логической разметки и выделяет помеченный текст. Такое разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов < b> и < strong>, будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен.

В примере 7.5 показано использование тегов < em> и < strong> для оформления текстов.

Пример 7.5. Теги < em> и < strong>

<! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01//EN" " https://www.w3.org/TR/html4/strict.dtd" >

< html>

< head>

< meta http-equiv=" Content-Type" content=" text/html; charset=utf-8" >

< title> Оформление текста < /title>

< /head>

< body>

< p> < strong> А где же печенье и самогоноваренье?! < /strong> —

< em> воскликнул Мальчиш-плохиш < /em>. < /p>

< /body>

< /html>

Результат данного примера показан на рис. 7.5.

Рис. 7.5. Жирное и курсивное начертание текста

Верхний и нижний индексы

Индексом по отношению к тексту называется смещение символов относительно базовой линии вверх или вниз. В зависимости от положительного или отрицательного значения, индекс называется, соответственно, верхним или нижним. Они активно применяются в математике, физике, химии и для обозначения единиц измерения. HTML предлагает два тега для создания индекса: < sup> — верхний индекс и < sub> — индекс нижний. Текст, помещенный в один из этих контейнеров, обозначается меньшим размером, чем базовый текст и смещается относительно горизонтали.

В примере 7.6 показано, где применяется подобный текст