Форматування тексту
Пояснення:
Розміщення тексту відповідно до сторони на сторінці
Щоб розмістити текст зліва,по центру або справа на сторінці ми використаємо атрибут align.
Цей атрибут можна використовувати в середині тегів таких як <p>Абзац</p> та <h1>Заголовок</h1>

Ми можемо використати теги форматування для будь якого тексту на стоінці.
Щоб змінити вигляд тексту, використовують теги форматування:
— жирний, — курсив, — підкреслений, — перекреслений, — верхній індекс, — нижній індекс.

Тег <style> </style>
Щоб задати певному елементу стиль, потрібно використати тег <style> в середині тегу <head>, після тегу <title>.

Спробуємо змінити колір нашого абзацу
Колір тексту - властивість(атрибут) color
Також нам хочеться виділити текст певним кольором.
Зробити це можна за допомогою властивості color, та наявності тексту на нашій сторінці.

Якщо для тегу h1 задати колір у style, то всі <h1> на сторінці автоматично будуть мати цей колір.

Форматування тексу
Розглянемо теги, які використовують для форматування тексту.
Теги форматування символів тексту (вони парні):
| Теги | Результат на екрані |
|---|---|
| Товстий (жирний) шрифт тексту → Текст |
| Курсивний шрифт тексту → Текст |
| Підкреслений шрифт тексту → Текст |
| Перекреслений шрифт тексту → Текст |
| Індекс піднесений до верху → Текст |
| Індекс піднесений до низу → Текст |
Таблиця:
| № | Тема | Приклад коду | Підсумок |
|---|---|---|---|
| 1 | Вирівнювання тексту | | Атрибут align дозволяє розташувати текст: зліва (left), справа (right) або по центру (center). |
| 2 | Жирний і курсив | | <b> робить текст жирним, <i> — курсивним. |
| 3 | Підкреслений та перекреслений текст | | <u> підкреслює, <s> перекреслює текст. |
| 4 | Верхні та нижні індекси | | <sub> робить індекс знизу, <sup> робить індекс зверху. |
| 5 | Базова структура сайту зі style | | Щоб задати певному елементу стиль, потрібно використати тег <style> всередині тегу <head>. |
| 6 | Зміна кольору абзацу | | За допомогою CSS можна змінювати зовнішній вигляд елементів. В даному випадку для всіх <p> у стилях задано властивість color: red;, тому абзаци відображаються червоним. |
build info
- compiler
- 2.0.5.1 · 4054EF9BF6C4510A
- built
- 2026-11-08 14:31:25 UTC
WebUniverse