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

28 апреля 2020 - Администратор

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

С помощью тегов форматирования текста можно изменять вид отображения текста, например выделить текст полужирным, создавать абзацы, строки. Форматирование текста делает  HTML документ наглядным. Кроме того, определённые теги форматирования текста дают понять поисковым системам, на что нужно обратить внимание при индексировании. Правильно расставленные теги  форматирования текста могут существенно поднять HTML страницу в поиске. Познакомимся с основными тегами форматирования текста в HTML.

Теги для заголовков в HTML  

Теги заголовков выделяют раздел в HTML документе. Поисковые системы обращают первоочерёдное внимание к наличию тегов заголовков, поэтому в заголовках необходимо указывать наиболее важную уникальную информацию о разделе.
<h1>  главный заголовок </h1> 
Главный тег <h1> </h1> используется  в странице один раз и в нём  рекомендуется дублировать название страницы. Это улучшит индексирование в поисковой системе.
<h2> подзаголовок </h2> 
Подзаголовки HTML страницы отображаются менее крупным размером, чем главный заголовок.

 Теги для форматирования текста в HTML документе

html тег выделение полужирным <b> Текст</b>
Делает текст в HTML странице полужирным. Поисковые системы обращают особое внимание на текст, выделенный этим тегом
html тег наклона текста <i>Текст</i>
Делает текст в HTML документе наклонным курсивом. 

html  тег <strong>Текст</strong>
Текст, заключенный в данный тег, наиболее важен для поисковых систем
HTML теги для выделения абзацев и переноса строки
html тег абзаца <p>Текст</p>
Разбивает текст на абзацы. Каждый абзац имеет отступ друг от друга и в рамках абзаца можно выставлять свои значения атрибутов для  этого  абзаца

html тег перевода на другую строку  <br></br>
Текст переводится на другую строку без разрыва и отступа

html тег изменения шрифта текста <font>Текст</font>

В атрибует size данного тега указывется размер шрифта текста. 

<font size="размер">Текст</font>

Пример html страницы с форматированием текста
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Моя первая веб-страница</title>
 </head>
 <body>
  <h1>Главный заголовок</h1>
  <h2>Подзаголовок</h2>
<p> 1 абзац <br> Новая строка <b> Полужирное выделение </b> </br> 
<br> Вторая строка <i> Текст, выделенный курсивом </i></br></p>
<p> 2 абзац</p>
 </body>
</html> 

В итоге мы получим следующую веб страницу

форматирование текста в html документах

Вернуться к курсу по html ^      Перейти к теме ссылки и изображения в html документах>>

Полезно : Регистрация домена и размещение сайта на хостинге

Поделиться 

 
 
Комментарии (0)

Нет комментариев. Ваш будет первым!