Структура сторінки
Документи мови HTML складаються з тіла та заголовку і мають таку структуру:
<!doctype html>
<html>
<head>
<title> ... </title>
<meta ...>
</head>
<body>
...
</body>
</html>
<html>... </html>
Зовнішні теги. Між ними знаходиться вся Web-сторінка.
<head>... </head>
Теги, що обмежують заголовок. Цей розділ використовується, щоб вказати назву документу, кодування символів та інші параметри сторінки.
<title>... </title
Між цими тегами знаходиться заголовок Web-сторінки. Він відображається в назві закладки браузера.
<meta ...>
Визначає набір властивостей документа.
<body>... </body
Теги, що обмежують тіло документа.
Для тега <body>... </bodyЮ можна встановити наступні параметри:
bgcolor
Колір фону
background
Фонове зображення
text
Колір тексту
link
Колір гіперпосилання
vlink
Колір відвіданого гіперпосилання
alink
Колір активного гіперпосилання
Кольори можна задавати в шістнадцятірковій системі aбо використовуючи їх англійські назви.
Приклад простого документа:
<!doctype html>
<html>
<head>
<title>Моя перша сторінка</title>
<meta charset="windows-1251">
</head>
<body bgcolor=#FFFFFF text=green link=blue vlink=#00FF00 alink=red>
<p>Здоровенькі були!</p>
</body>
</html>
Якщо набрати цей приклад у будь-якому текстовому редакторі, зберегти а потім переглянути у браузері, то у назві вікна буде виведено "Моя перша сторінка", колір фону документу буде білий, колір тексту - зелений, гіперпосилання будуть сині, відвідані гіперпосилання - червоні.
В даному випадку тег <meta ...> вказує на зміст документа та кодування символів. Кодування бажано вказувати для коректного відображення сторінки в браузерах.
Головну сторінку сайту, як правило, називають index.php, index.html, index.shtml; це пов'язано з роботою серверів, на яких вони розташовані. В назвах файлів, що використовуються при створенні сайтів, бажано дотримуватись одного регістру. Для сервера з ОС UNIX, файли Index.htm та InDeX.HTM будуть різними. Тобто якщо документ містить посилання на файл Index.htm а сам файл названий InDeX.HTM то ОС UNIX не зможе "знайти" потрібний файл. Це стосується і назв графічних зображень.