Уроки 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.
◄ Предыдущий урок | Содержание | Следующий урок ► |