Форматирование текста — FAQ по HTML
Начну с самого главного тега, без которого нет смысла заниматься разработкой веб страниц.
Тег p — параграф.
Параграф – это текст разделенный по смыслу для более удобного обзора и прочтения. Получается, что какой бы вы текст не вводили, вы, так или иначе будете разбивать его на отдельные части, которые заключите в данный тег.
Далее к тексту применим форматирование, то есть заставим наш текст выглядеть визуально красиво.
Для этого будем применять следующие теги:
strong — Жирное начертание текста. Пример: Применение тега strong.
Данный тег является парным, то есть требует закрытия.
em — Курсивное начертание текста. Пример: Применение тега em.
Данный тег тоже парный.
Важно знать что теги b и strong, также как i и em являются не совсем эквивалентными друг другу.
Первый тег b — это тег физической разметки и устанавливает жирный текст.
Тег strong — это тегом логической разметки и определяет важность помеченного текста.
Такое разделение возникло не случайно и необходимо для универсальности вывода информации.
Для форматирования размера текста применяют заголовки h1...h6.
Заголовки предназначены для создания заголовков (названий) к разделам и показывают их относительную важность. Вы должны знать, что по умолчанию h1 отображается в жирном начертании и размером 24 пунктов, тег h2 уже имеет размер 18 пунктов, а h3 — 14 пунктов и т.д.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML .01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equin="Content-Type" content="text/html; charset=utf-8"> <title>Форматирование текста</title> </head> <body> <h1>Заголовок 1</h1> <h2>Заголовок 2</h2> <h3>Заголовок 3</h3> <h4>Заголовок 4</h4> <p>Ваш текст, выделенный <b>жирным</b> и <i>курсивным</i> начертанием</p> </body> </html> |
Теперь поговорим о выравнивании текста, которое определяет его внешний вид на странице. Существуют несколько видов выравнивания текста: по левому краю, правому краю, центру, и по ширине. Для этого используют параметр align.
center – выравнивании по центру;
left – выравнивании по левому краю;
right – выравнивании по правому краю;
justify – выравнивании по ширине;
Данный параметр можно применять к тегам p, h1...h6 и контейнеру div.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML .01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equin="Content-Type" content="text/html; charset=utf-8"> <title>Форматирование текста</title> </head> <body> <h1 align="center">Назначение тега заголовка</h1> <p align="right"><strong>Краткое описание</strong></p> <p>Заголовок предназначен для создания названий к разделам и показывает их относительную важность. к заголовкам можно применить следующие выравнивание: по левому краю, центру, по правому краю, по ширене</p> </body> </html> |
В данном примере, я показал форматирование текста в полном объеме. Заголовок выровнен по центру, далее применено выравнивание к тегу p по правому краю и выделение его жирным начертанием.
Вот в принципе и все что вам пригодиться в работе.
С уважением, Алексей Фомичёв
Из жизни веб-мастеров:
Разговаривают два SEOшника:
— Ты знаешь, если бы я был на месте Билла Гейтса, я бы зарабатывал больше его!
— Да, и как?
— Я бы продавал ссылки с PageRank 9 Microsoft.com
Содержание FAQ по HTML:
Что такое HTML или история возникновения гипертекстовой разметки
Введение
Форматирование текста
Учимся делать ссылки
Работаем со списком
Изучаем таблицы
Форма, как средство взаимодействия с пользователем сайта
хороший FAQ, а главное простой и понятный