5# HTML. Форматирование текста
917
22-02-2016
0
Наверное, Вы уже заметили, что если Вы переносите строку и продолжаете печатать текст в коде, то сам текст всё равно идёт в одним абзацем без переноса строки. Для того, чтобы перенести строку надо использовать одиночный тег br в месте принудительного переноса.

Чаще всего (и правильнее) для переноса строки и обозначения абзаца используют тег p (параграф). В случае использования данного тега абзацы у Вас будут разделять отступами друг от друга.
<html>
   <head>
   <title>html параграфы</title>
   </head>
<body>

<p>Текст первого абзаца. Текст первого абзаца. Текст первого абзаца. Текст первого абзаца.</p>
<p>Текст второго абзаца. Текст второго абзаца. Текст второго абзаца. Текст второго абзаца.</p>

</body>
</html>

У тега p есть атрибут align, который отвечает за выравнивание параграфа. Может иметь следующие значения:

left - выравнивание по левой стороне
right - выравнивание по правой стороне
center - по центру
jastify - по ширине

Атрибут align есть и у заголовков (тег h), и у параграфов (тег p).

<html>
   <head>
   <title>html выравнивание параграфов</title>
   </head>
<body>

<p align="left">Текст первого абзаца. Текст первого абзаца. Текст первого абзаца.</p>
<p align="right">Текст второго абзаца. Текст второго абзаца. Текст второго абзаца.</p>
<p align="center">Текст третьего абзаца. Текст третьего абзаца. Текст третьего абзаца.</p>
</body>
</html>

В браузере отобразится следующее

5# HTML. Форматирование текста

Также существует тег center. Он центрирует его содержимое (текст, изображение и тд). Для текста его действие аналогично выравниванию по центру.

<html>
   <head>
   <title>центрирование в html</title>
   </head>
<body>

<center>Текст по центру</center>

</body>
</html>

Как выделить текст полужирным в html?


strong - стандартное выделение текста жирным.
b - выделение ключевого слова жирным. Вошло в обиход раньше тега strong, поэтому некоторые считают его устаревшим (однако тег используется в HTML5). Наравне со strong воспринимается Поисковыми системами при определении ключевых слов, словосочетаний.
Внимание! Выделение текста данными тегами понимается Поисковой Системой как особо важное.
Будьте внимательны:
1. выделяйте только важные слова и словосочетания
2. важные - это не четверть текста. Старайтесь ограничить применение данного тега.

Рассмотрим пример кода выделения текста жирным

<html>
   <head>
   <title>html выделение жирным</title>
   </head>
<body>

<p>Если Вы хотите выделить какую-то фразу, чтобы она просто была видна пользователю, 
например, напоминание, то <strong>делаем так</strong>. Или так в случае <b>ключевого слова</b></p>

</body>
</html>

В браузере отобразится следующее

5# HTML. Форматирование текста

И те, и другие слова будут выделены жирным, однако для Поисковой Системы будет важны слова ключевого слова

Как выделить текст курсивом в html?

i - выделение курсивом. Данным открывающим и закрывающим тегами следует выделять только важную информацию (ключевые слова), так как поисковые системы будут выдавать данные, ориентируясь по ним.
em - стандартное выделение курсивом. Нет ограничений в использовании.
cite - данный вид курсива используется для цитаты, ссылки на материал и авторов.
dfn - для выделения определений и терминов.

Результат выделения данных тегов будет одинаковым - это выделение курсивом. Однако следует понимать, что данные Вашей страницы будет считывать не только человек, но и Поисковый Робот. Если Вы хотите, чтобы конкретные части текста лучше индексировались (отображалось по запросу в поисковике), то лучше использовать соответствующее для этого выделение - дня цитат cite, для терминов dfn и тд.


Рассмотрим пример кода c выделением текста курсивом

<html>
   <head>
   <title>Допустим страница о машинах</title>
   </head>
<body>

<i>Mercedes-Benz</i> - это немецкий автоконцерн, который был основан в 1886 году. 
Название произошло от двух марок - <dfn>Мерседес</dfn> и <dfn>Бенц</dfn>. 
Он занимается в основном выпуском <dfn>легковых автомобилей премиум-класса</dfn>, <dfn>грузовых автомобилей</dfn>, <dfn>автобусов</dfn>.
<p><cite>http://ru.wikipedia.org/wiki/Mercedes-Benz</cite></p>

</body>
</html>

В браузере отобразится так

5# HTML. Форматирование текста
svadebnet.ruknig5.ru
0

Наверх

{SAPELINKS}