При вставке на страницу текста, разделённого на абзацы, можно заметить, что браузер просто не замечает абзацев, а пишет всё одним сплошным текстом. Для того чтобы разделить текст на абзацы применяются специальные теги. Рассмотрим каждый поподробней: Тег <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ткрываем в браузере Должно получиться, как в приложение к уроку
|