Все для создания и продвижения сайтов

Верстка, программирование, SEO

Выравнивание текста в HTML

количество просмотров 328
Выравнивание текста в HTML

Чтобы выравнять текст в html, например в абзацах по центру, по левому или по правому краю можно использовать два способа.

1. Через использование атрибута "align" c параметрами - "left","left","right".

<p align=center>Текст по центру</p>
<p align=left>Текст слева</p>
<p align=right>Текст справа</p>

Результат:

Текст по центру

Текст слева

Текст справа

2. Правильней делать это через CSS свойством выравнивания "text-align" с аналогичными параметрами "left","left","right".

<p style="text-align:center">Текст по центру</p>
<p style="text-align:left">Текст слева</p>
<p style="text-align:right">Текст справа</p>

В результате получим тоже самое:

Текст по центру

Текст слева

Текст справа

А лучше стили писать в отдельном файле, простой пример:

p{
  text-align: center;
}

Текстовые теги

<h1>Заголовок 1
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>

<p>Абзац</p>

<b>Жирный текст</b>

<i>Курсивный текст</i>

<u>Подчеркнутый текст</u>

<ul>
  <li>Ненумерованный список</li>
  <li>Ненумерованный список</li>
</ul>
<ol>
  <li>Нумерованный список</li>
  <li>Нумерованный список</li>
</ol>

Перенос </br> текста 


Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5
Заголовок 6

Абзац

Жирный текст
Курсивный текст
Подчеркнутый текст
  • Ненумерованный список
  • Ненумерованный список
  1. Нумерованный список
  2. Нумерованный список

Перенос
текста

Последние статьи

Инструменты

Отблагодарить и поддержать автора
Если вы нашли ошибку, выделите её и нажмите Ctrl+Enter
Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.