Меню
Обратите внимание!
Партнёры
Главная » Статьи » Учебник HTML

Теги абзацев (урок 3)

При вставке на страницу текста, разделённого на абзацы, можно заметить, что браузер просто не замечает абзацев, а пишет всё одним сплошным текстом. Для того чтобы разделить текст на абзацы применяются специальные теги. 

Рассмотрим каждый поподробней: Тег <p> (paragraph) применяется для разделения на абзацы по принятым стандартам, по которым между абзацами должна быть пустая строчка, но тег <p> в некоторых случаях неудобен, потому что если писать стих, то неудобно будет каждую строчку начитать с нового абзаца. Для этого существует тег <br> (break). он начинает новую строку, не начиная абзаца.

Теперь поведём речь о выравнивание абзацев. Для этого используются свойства тега <p>. Свойства тэгов в дальнейшем будем называть атрибутами. Атрибут, отвечающий за выравнивание текста, называется align и может принимать значения left (по левому краю), right (по правому краю), center (по центру) и justify (по ширине). 

А теперь практика:

1. открывает блокнот

2. пишем листинг 2


<html>

<body>

<p align=right>Выравнивание по правому краю. <br>Новая строчка 

<p align=left>А вэтом абзаце Выравнивание по левому краю. <br>новая строка

<p align=center>Этот абзац я выровник по цетру. <br>Новая строка по центру

</body>

</html>


3. cохраняем как .htm

4. открываем в браузере

Если получилось так, то вы всё зделали правильнно.

Для форматирования абзацев можно использовать ещё один тег <div> (division). Этот парный тег очень похож на тег <p>, но в отличие от тега <p> между абзацами он не создает пустую строку. У тега <div> присутствуют все атрибуты тега <p>.

А теперь практика:

1. открывает блокнот

2. пишем листинг 3


<html>

<body>

<div align=right>Выравнивание по правому краю. <br>Новая строчка </div> 

<div align=left>А вэтом абзаце Выравнивание по левому краю. <br>новая строка </div>

<div align=center>Этот абзац я выровник по цетру. <br>Новая строка по центру </div>

</body>

</html>


3. cохраняем как .htm

4. oткрываем в браузере

Должно получиться, как в приложение к уроку





Категория: Учебник HTML | Добавил: Admin (2013.06.03)
Просмотров: 4681 | Теги: BP, урок 3, div, Учебник, HTML, p. | Рейтинг: 5.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Добавь в закладки
Добавь сайт в закладки

Нажми на клавиатуре Ctrl+D или нажми Добавить
За скрипт спасибо Bitfood
Скрипт месяца
Скрипт здесь

Сайт: Всё для web-мастеров.






























Мобильная версия
Яндекс.Метрика Рейтинг@Mail.ru
Цена 12345644.at.ua