Тег p і атрибут вирівнювання в html

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

Текст ...

. Коли ми виводимо 2 послідовних абзацу, то між ними формується невидиме поле що відштовхує їх один від одного. тег

є блоковим тегом тому він займають всю ширину сторінки.

Для прикладу візьмемо сторінку з таким кодом:

Давайте подивимося, як виглядає ця справа в браузері:

Рекомендується, щоб весь контент на сторінці був розбитий по абзацах.

Напевно ви помітили, що в коді сторінки є тег strong, цей тег робить текст жирним.

атрибути тегів

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

Атрибут вказується всередині дужки відкриваючого тега і має наступний синтаксис: імя_атрібута = "значення"

Атрибут вирівнювання

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

Вміст параграфа.

У цього атрибута є 4 значення:

1. Left - Вирівнює контент по лівому краю. Це значення стоїть за умовчанням. Тобто якщо для абзацу не вказуємо атрибут align. то контент всередині абзацу за замовчуванням, вирівняється по лівому краю. Це можна помітить в попередньому прикладі.

2. Right - Вирівнює контент по правому краю.

Ось як це виглядає в браузері:

3.Center - Вирівнює контент по центру сторінки.

4.Justify - Вирівнює контент по ширині сторінки.

Підсумки уроку:
Ми сьогодні дізналися, що таке абзац в html. Абзаци використовуються дуже часто в html. Також дізналися, що таке атрибут тега. І вивчили атрибут вирівнювання align. Який може прийняти одне з таких значень: left (значення за замовчуванням), right, center, justify.

Ось власне і все про що я хотів Вам розповісти в цій статті.

Тоді поділіться нею з друзями та підпишіться на нові цікаві статті.

Поділитися з друзями: