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

Жирный шрифт и курсив в html
Дата: 2012-03-01
Автор: admin

Как добавить сайт в поисковики
Дата: 2010-11-26
Автор: Олег Каминский

Кроссбраузерная верстка. Полезные советы
Дата: 2011-08-31
Автор: Олег Каминский

Как вставить видео с youtube на сайт
Дата: 2011-02-16
Автор: Олег Каминский

Как раскрутить интернет-магазин бесплатно
Дата: 2012-01-16
Автор: Олег Каминский

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



В языке Html можно точно так же выровнять текс, как и в любом текстовом либо графическом редакторе, а именно:

  • По середине страницы;

  • По левому краю;

  • По правому краю;

  • По ширине.

Только, если в текстовом редакторе это делается нажатием одной кнопочки, тут придется выучить несколько тегов и атрибутов.

Просто написать текст, как-то выровнять его не получится, он должен быть заключен в теги абзаца <p></p>, либо должен быть заключен в блочный тег <div></div>, после этого для выравнивания текста внутри тега абзаца либо блочного тега используем атрибут align, которому и придаем необходимое значение для выравнивания. Также можно использовать выравнивание для заголовков <h>

Значения атрибута align следующие:

  • left — выравнивает текст по левому краю, этот атрибут используется по умолчанию;

  • right — выравнивает текст по правому краю;

  • center — выравнивает текст по центру;

  • justify — выравнивает текст по ширине, то есть одновременно как по правому, так и по левому краю. Следовательно, использовать такое значение можно только для текста, длина которого больше двух строчек. Я на всех своих сайтах выравниваю текст в статьях именно таким образом.

На примере это выглядит вот так:

Если написать следующий код:

<h3 align="right"> Выравнивание по правому краю </h3>
<p align="center"> Выравнивание по центру </p>

В браузере это будет выглядеть следующим образом:

Выравнивание по правому краю

Выравнивание по центру



Поделитесь статьёй с друзьями:


Автор: admin| Дата: 2012-03-01| Просмотров:(5420)| Комментов:(0)



Комментарии:

Добавить Ваш комментарий:

Введите сумму чисел с картинки: