Генератор цветов Уроки C++ Уроки Windows forms Учебники по программированию Уроки HTML Уроки CSS Готовые задания Исходники Полезные программы
регистрация доменов

Дешёвые домены



Уроки HTML


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

Иногда вам может понадобиться разместить название, какую-то фразу или целый фрагмент текста по левому, правому краю страницы или по центру страницы или задать определённый отступ.

Из этого урока вы как раз и узнаете, как делать всё выше описанное.
Существую три стандартных атрибута для выравнивания текста:

• align="left" – текст слева.
• align="right" – текст справа.
• align="center" – текст по центру.

Так же есть такой атрибут как align="justify" – он выравнивает текст по ширине. Это тоже самое что в "Microsoft Word". Ниже представлен код в котором это демонстрируется.

<html>
<head>
<title>Выравнивание текста</title>
</head>
<body style="background-color: #F0FFC5">
<p align="left">Текст с лева</p>
<p align="right" style="font-size:24px">Текст справа </p>
<p align="center" style="color: Red"> Текст строго по центру.</p>
<p align="justify " style="font-size:16px">Поместите между этими тегами большой текст 
и увидите, что будет. </p>
</body>
</html>

Текст с лева

Текст справа

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

Поместите между этими тегами большой текст и увидите, что будет.


Отступ текста HTML

Для отступа слева есть два простых способа:

Первый это теги <blockquote> </blockquote>, но размер отступа текста заключённого между этими тегами конечно же фиксированный.

Второй способ – это CSS атрибут
text-indent. Размер отступа задаётся в пикселях.

Ниже представлен код и результат его работы.

<html>
</head>
<body>
<p><blockquote>Отступ слева с помощью тегов.</blockquote></p>
<p style="text-indent:128px">Отступ слева с использованием CSS.</p>
</body>

Отступ слева с помощью тегов.

Отступ слева с использованием CSS.




◄ Предыдущий урок Содержание Следующий урок ►