FAQ по HTML - Форматирование текста | Блог Алексея Фомичева

Форматирование текста — 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 или история возникновения гипертекстовой разметки
Введение
Форматирование текста
Учимся делать ссылки
Работаем со списком
Изучаем таблицы
Форма, как средство взаимодействия с пользователем сайта



Поделись с друзьями в социальных сетях!


19.10.2013 / Создание блога / Теги: , / Комментарии: 1
Похожие записи
Комментарии: 1
  1. 20.10.2013 в 23:38 – Ответить

    хороший FAQ, а главное простой и понятный

Оставить комментарий