Струкрура html-документу Bci html-документа будуються за визначеними правилами:
текст документа починаеться тегом <HTML> i заюнчуеться тегом </HTML>;
всередині контейнера <HTML> знаходяться ще два контейнери <HEAD> (заголовок Web-сторінки) і <BODY> (її вміст);
в
середині;
контейнера <HEAD>
знаходяться інші контейнери, серед них
<TITLE>
(рядок символів заголовка вікна
броузера).
Наприклад, закінчений html-файл може мати такий вигляд:
При відображенні HTML-файла броузером зайві пропуски ігноруються. Якщо розділити два слова трьома пропусками, то на екрані між словами залишиться один пропуск, а кілька порожніх рядків на екрані броузера будуть замінені на один. Коли текст досягає правої границі вікна, він автоматично переходить на новий рядок.
Все, що розташовано між тегами <head> </head>, - це службова інформація.
Все, що розташовано між тегами <body> </body>, - це безпосередній вміст документа. Атрибут тегу що змінює колір шрифта – text, а значення кольору можна визначити з таблиці. Наприклад: <body text="#336699">.
#000000 |
Чорний |
#0000FF |
Блакитний |
#FF00FF |
Бузковий |
#808080 |
Сірий |
#008000 |
Зелений |
#00FF00 |
Яскраво-зелений |
#800000 |
Каштановий |
#000080 |
Темно-синій |
#800080 |
Пурпуровий |
#FF0000 |
Червоний |
#C0C0C0 |
Срібний |
#008080 |
Темно-зелений |
#FFFFFF |
Білий |
#FFFF00 |
Жовтий |
<body text="#336699" bgcolor="#FFFFFF">.
Оформлення тексту
Абзаци: Розбити текст документу на абзаци можна кількома способами. Простого натискання Enter, як в текстовому документі недостатньо. Броузер не реагує на нього.
Один з способів поділити текст на абзаци – використання тегів <P> і <BR>.
<P>Подібність</P>
Корова не схожа на коня <BR>
А кінь не схожий на корову.<BR>
Якраз оцю подібність<BR>
Ми й беремо за основу.<BR>
Другий спосіб поділити текст на окремі абзаци – використання заголовків. Заголовки є важливою частиною документу, вони розділяють інформацію на окремі логічні частини, що можуть бути окремими абзацами. В HTML документі існують заголовки 6-ти рівнів за допомогою конструкції <Hn>Текст заголовка</Hn>, де n-номер рівня. Рівень заголовка визначає розмір шрифта при відображенні документу. Спробуємо тіло програми розділити на кілька заголовків:
< BODY text="#336699" bgcolor="#FFFFFF">
<H1>Привіт, це моя перша сторінка. </H1>
<H2>Я вивчаю мову HTML, щоб створити власну домашню Web-сторінку для спілкування з друзями i знайомими. Щоб вони могли подивитися мою фотокартку, прочитати про мене, написати кілька рядків в мою книгу для гостей. </H2>
</ BODY >
Вирівнювання абзаців: абзаци, що задаються тегом <р></р> за замовченням вирівнюються по лівому краю. Визначити інший вид вирівнювання можна за допомогою атрибуту align:
по центру <р align="center">текст</p>
по лівому краю <р align="left">текст</p>
по правому краю <р align="right">текст</p>
по ширині <р align="justify">текст</p>
Формат шрифта: Для визначення формату шрифта певного фрагменту тексту використовується тег <font> ТЕКСТ </font>.