Створення Абзаців
Одним із основних елементів документа є абзац. В мові розмітки тексту HTML є спеціальний тег, який вказує броузеру, що в даному місці має знаходитись абзац. Даний тег позначається <P>. Різні броузери по різному відображають текст на сторінці тому доцільно використовувати тег абзацу при створенні сторінки.
Приклад
<html>
<head>
<title>створення абзаців</title>
<head>
<body>
Це перший абзац.
<p>Це другий абзац. Для початку нового рядка можна використати тег <br>. <br> Існує різниця між абзацом та новим рядком.
</body>
</html>
В даному прикладі було використано ще один тег <br>, який дозволяє задати примусовий перевід рядка і є тегом перериву рядка (фактично цей тег створює ефект використання клавіші Enter при наборі тексту в звичайному редакторі).
______________________________________________
Розмір шрифту
Мова гіпертекстової розмітки дозволяє задавати розміри шрифту, яким буде відображатися текст документу. За змовчуванням розмір шрифту рівний 3, але використовуючи тег <FONT> з атрибутом size="..." його можна змінювати. Розмір шрифту задається цифрами від 1 до 7.
Приклад
<html>
<head>
<title>встановлення розміру шрифта</title>
</head>
<body>
<font size=1>Розмір шрифту рівний 1</font><br>
<font size=2>Розмір шрифту рівний 2</font><br>
<font size=3>Розмір шрифту рівний 3</font><br>
<font size=4>Розмір шрифту рівний 4</font><br>
<font size=5>Розмір шрифту рівний 5</font><br>
<font size=6>Розмір шрифту рівний 6</font><br>
<font size=7>Розмір шрифту рівний 7</font><br>
</body>
</html>
______________________________________________
Для вирівнювання тексту використовується атрибут align, який дозволяє вирівнювати текст по правому, лівому краю або по центру чи ширині. Необхідно зазначити, що вирівнювання по ширині підтримується не всіма броузерами тому слід уникати цього вирівнювання. За замовчуванням текст вирівнюється по лівому краю. Даний атрибут застосовується до тега <p>.
Вирівнювання по лівому краю: align="left"
Вирівнювання по правому краю: align="right"
Вирівнювання по центру: align="center"
Приклад
<html>
<head>
<title>вирівнювання тексту</title>
</head>
<body>
<p align="left" >цей текст вирівняно по лівому краю,
<p align="right">цей текст вирівняно по правому краю,
<p align="center">цей текст вирівняно по центру.
</body>
</html>
______________________________________________
Встановлення кольорів
Встановлення кольорів в HTML-документі відбувається з використанням атрибутів встановлення кольорів у тегах <body>, <font>, <hr>, <marquee>, <table>. Наприклад для встановлення кольору фону використовується атрибут bgcolor= в тегові <body>. Наприклад: <body bgcolor=red>, таким тегом із атрибутом задано червоний колір фону сторінки.
Вибирати колір можна двома способами: заданням імені кольору або номеру кольору по схемі RGB (red, green, blue).
Таблиця деяких кольорів
Приклад
<html>
<head>
<title>задання кольорів</title>
</head>
<body bgcolor=green>
Фон сторінки задано зеленим кольором. <br>
<font color=white>Цей текст задано білим кольором за допомогою назви кольору.</font><br>
<font color=#0000FF>Цей текст задано синім кольором за допомогою схеми RGB кольору.</font><br> </body> </html>
Одним із основних елементів документа є абзац. В мові розмітки тексту HTML є спеціальний тег, який вказує броузеру, що в даному місці має знаходитись абзац. Даний тег позначається <P>. Різні броузери по різному відображають текст на сторінці тому доцільно використовувати тег абзацу при створенні сторінки.
Приклад
<html>
<head>
<title>створення абзаців</title>
<head>
<body>
Це перший абзац.
<p>Це другий абзац. Для початку нового рядка можна використати тег <br>. <br> Існує різниця між абзацом та новим рядком.
</body>
</html>
В даному прикладі було використано ще один тег <br>, який дозволяє задати примусовий перевід рядка і є тегом перериву рядка (фактично цей тег створює ефект використання клавіші Enter при наборі тексту в звичайному редакторі).
______________________________________________
Розмір шрифту
Мова гіпертекстової розмітки дозволяє задавати розміри шрифту, яким буде відображатися текст документу. За змовчуванням розмір шрифту рівний 3, але використовуючи тег <FONT> з атрибутом size="..." його можна змінювати. Розмір шрифту задається цифрами від 1 до 7.
Приклад
<html>
<head>
<title>встановлення розміру шрифта</title>
</head>
<body>
<font size=1>Розмір шрифту рівний 1</font><br>
<font size=2>Розмір шрифту рівний 2</font><br>
<font size=3>Розмір шрифту рівний 3</font><br>
<font size=4>Розмір шрифту рівний 4</font><br>
<font size=5>Розмір шрифту рівний 5</font><br>
<font size=6>Розмір шрифту рівний 6</font><br>
<font size=7>Розмір шрифту рівний 7</font><br>
</body>
</html>
______________________________________________
Вирівнювання тексту
Для вирівнювання тексту використовується атрибут align, який дозволяє вирівнювати текст по правому, лівому краю або по центру чи ширині. Необхідно зазначити, що вирівнювання по ширині підтримується не всіма броузерами тому слід уникати цього вирівнювання. За замовчуванням текст вирівнюється по лівому краю. Даний атрибут застосовується до тега <p>.
Вирівнювання по лівому краю: align="left"
Вирівнювання по правому краю: align="right"
Вирівнювання по центру: align="center"
Приклад
<html>
<head>
<title>вирівнювання тексту</title>
</head>
<body>
<p align="left" >цей текст вирівняно по лівому краю,
<p align="right">цей текст вирівняно по правому краю,
<p align="center">цей текст вирівняно по центру.
</body>
</html>
______________________________________________
Встановлення кольорів
Встановлення кольорів в HTML-документі відбувається з використанням атрибутів встановлення кольорів у тегах <body>, <font>, <hr>, <marquee>, <table>. Наприклад для встановлення кольору фону використовується атрибут bgcolor= в тегові <body>. Наприклад: <body bgcolor=red>, таким тегом із атрибутом задано червоний колір фону сторінки.
Вибирати колір можна двома способами: заданням імені кольору або номеру кольору по схемі RGB (red, green, blue).
Таблиця деяких кольорів
Приклад
<html>
<head>
<title>задання кольорів</title>
</head>
<body bgcolor=green>
Фон сторінки задано зеленим кольором. <br>
<font color=white>Цей текст задано білим кольором за допомогою назви кольору.</font><br>
<font color=#0000FF>Цей текст задано синім кольором за допомогою схеми RGB кольору.</font><br> </body> </html>