Встановлення кольору фону
Колір фону встановлюється за допомогою знайомого тега <body>. Наприклад, чорний фон встановиться командою:
<body bgcolor="#000000">
Якщо колір в <body> не вказувати, то "з мовчазної згоди" він буде білим (або будь-яким іншим). Тому краще колір фону встановлювати, щоб не було не передбачуваного кольору фону.
Спробуйте до попереднього HTML-файла за допомогою редактора "Блокнот" додати нові елементи і зберегти з новим ім'ям priklad2.html:
<html>
<head>
<title>Mій перший крок </title>
</head>
<body text="#336699" bgcolor="#FFF0FF">
Привіт, це моя перша сторінка.
<br>
<font color="#CC0000"> Ласкаво просимо! </font>
</body>
</html>
Зверніть увагу: в тезі <body> одночасно встановлюється колір тексту документа і колір фону.
Це означає, що весь текст сторінки буде синім, крім тексту, для якого спеціально встановлено інший колір. Якщо колір тексту в <body> не задавати, то "з мовчазної згоди" він буде чорним.
Для збереження зору не слід зловживати яскравими фонами (жовтий, червоний, салатний або чорний фон з яскравим текстом на ньому), а багато різних кольорів на сторінці відволікають увагу від змісту, заважають його читати.
Рекомендується за допомогою броузера переглянути цей HTML-файл, для чого досить двічі клацнути на його піктограмі, встановлювати інші кольори для тексту і фону, спостерігати результат.
Якщо змін не видно, то це означає, що зміни внесені неправильно або забули зберегти документ.
Можна переглянути за допомогою броузера html-файл, двічі клацнувши на його піктограмі
Параграф
Параграфи вводяться тегом <р></р>. За допомогою параграфів можна вирівнювати текст:
по центру
<р align="center">текст</p>
по лівому краю
<р align="left">текст</p>
по правому краю
<р align="right">текст</p>
по ширині
<р align="justify">текст</p>
Якщо не встановлювати параграф, текст "з мовчазної згоди" вирівнюється по лівому краю.
Спробуйте до попереднього HTML-файла за допомогою редактора "Блокнот" додати нові елементи і зберегти з новим ім'ям priklad3.html:
<html>
<head>
<title>Miй перший крок </title>
</head>
<body text="#336699" bgcolor="#FFFFFF">
<center>
Привіт, це моя перша сторінка.
<br>
<font color="#CC0000"> Ласкаво просимо! </font>
</center >
<p align="justify">
Шановний колего! Я вивчаю мову HTML, щоб створити власну домашню Web-сторінку для спілкування з друзями і знайомими. Щоб вони могли подивитися мою фотокартку, прочитати про мене, написати кілька рядків в мою гостьову книгу.
</р>
</body>
</html>
Рекомендується за допомогою броузера переглянути цей HTML-файл, встановлювати інші вирівнювання тексту, подивитися результат.
Створення заголовків
Щоб виділити текст, використовують теги заголовків Н1-Н6. Наприклад, так: <НЗ>3 Новим роком! </НЗ>.
Заголовки призначені для виділення невеликої частини тексту (рядок, фраза). Щоб виділити великий фрагмент тексту або тільки одне слово, треба скористатися відомими тегом <font> </font> за зразком:
<font size="+4"> ТЕКСТ </font>
<font size="+3"> ТЕКСТ </font>
<font size="+2"> ТЕКСТ </font>
<font size="+l"> ТЕКСТ </font>
<font size="+0"> ТЕКСТ </font>
<font size="-l "> ТЕКСТ </font>
<font size="-2"> текст </font>
Параметр size задає розмір шрифту, але, на відміну від заголовків, текст не виділяється жирним шрифтом і немає примусового перенесення. Написання тексту задається за допомогою тегів:
<b> Жирний текст </b>
<і> Текст курсивом </і>
<u> Підкреслений текст </u>
Для фрагмента тексту можна застосовувати кілька тегів.
Наприклад: <b> <і> Жирний курсив </і> </b>
Назва шрифту задається за допомогою тегів: <font face="ARIAL"> шрифт Arial </font>.
Тут за допомогою атрибута face задано шрифт Arial.
Спробуйте до попереднього HTML-файла за допомогою редактора "Блокнот" додати нові елементи і зберегти з новим ім'ям priklad4.html:
<html>
<head>
<titIe>Mій перший крок </title>
</head>
<body text="#336699" bgcolor="#FFFFFF">
<center>
<НЗ>Привіт, це моя перша сторінка.</НЗ>
<br>
<font color="#CC0000"> <H1> Ласкаво просимо! </H1> </font>
</center >
<p align="justify">
<font size="+2"> Шановний колего! </font> Я вивчаю мову <font size="+l"> HTML <font>, щоб створити власну <і> домашню Web-сторінку </i> для спілкування з друзями і знайомими. Щоб вони могли <b> <і> подивитися мою фотокартку </і> </b>, прочитати про мене, написати кілька рядків в мою <u> гостьову книгу. </u>
</р>
</body>
</html>