Параграфи і вирівнювання тексту в html

У минулому уроці ми вчилися створювати HTML заголовки. сьогодні ми продовжуємо вивчати html і розглянемо, як встановлювати html параграфи і виробляти вирівнювання тексту в HTML.

Параграфи і вирівнювання тексту в html

Параграфи або абзаци встановлюються в html за допомогою тега

і парного закриває його

. Текст поміщений між двома цими тегами і буде параграфів.

При цьому між параграфами встановлюється невеликий відступ, який називається відбиттям. Нижче наведено приклад коду з двома параграфами, вставте його в текстовий документ Блокнот, після чого пройдіть в пункт меню "Файл" >> "Зберегти як.", І збережіть цей файл з розширенням .html

Потім відкрийте цю сторінку за допомогою вашого браузера і ви побачите текст, розбитий на два абзаци.

Далі ми розглянемо, як за допомогою тега

виробляти вирівнювання тексту в html.

Тег

має атрибут align за допомогою якого можна вирівнювати текст за необхідне нам чином. Цей атрибут має наступні параметри:

align = "left" буде зроблено вирівнювання тексту по лівому краю;

З лівого боку текст вирівнюється за замовчуванням, однак в деяких випадках цей параметр може стати в нагоді.

align = "right" буде зроблено вирівнювання тексту по правому краю;

align = "center" буде зроблено вирівнювання тексту по центру;

align = "justify" даний параметр вирівнює текст по обох краях, в результаті все рядки стають вирівняними, як і на цьому сайті.

Тепер додамо цей атрибут з різними параметрами до наших двох абзаців, які ми створили вище. Для цього в відкриваючий тег параграфа

необхідно додати атрибут align = з необхідним значенням.

Це буде виглядати так:

В даному випадку один абзац буде вирівняно по центру, а другий зрушать в право. Спробуйте поставити в параграфи інші значення, наприклад до першого justify, а до другого left, потім збережіть текстовий документ і обновіть сторінку в вашому браузері.

Перший абзац буде вирівняний з обох сторін, а другий притиснутий до лівого краю. Існує також тег альтернативний

, це тег

і парний закриває його
. Спробуйте вставити ці теги на вашу сторінку, а між ними розмістіть будь-якої текст і він буде відображатися по центру. У наступному уроці ми розглянемо як задавати колір фону HTML документа. а також як змінювати колір тексту в html документі

Матеріал підготовлений порталом: webmastermix.ru