Мета: Уміти створювати прості web-сторінки та надавати їм певного вигляду, використовуючи для цього основні команди мовиHTML.
Теоретичні відомості
Web-сторінки створюються за допомогою мови розмітки HTML (yperText Markup Language — Мова розміткигіпертексту). Документ HTML оброблюється браузером та відтворюється на екрані у звичному для людини вигляді. HTML разом із каскадними таблицями стилів та вбудованими скриптами — це три основні технології побудови веб-сторінок.
HTML впроваджує засоби для:
* створення структурованого документу шляхом позначення структурного складу тексту: заголовки, абзаци, списки, таблиці, цитати та інше;
* отримання інформації із Всесвітньої мережі через гіперпосилання;
* створення інтерактивних форм;
* включення зображень, звуку, відео, та інших об'єктів до тексту.
Документ HTML 4.01 складається з трьох частин:
Декларація типу документу (англ. Document type declaration, Doctype), на початку документа, в якій визначається тип документа (DTD).
Шапка документу (знаходиться в межах елементу head), в якій записано загальні технічні відомості або додаткова інформація про документ, яка не відтворюється безпосередньо в браузері;
Тіло документу (може знаходитися в елементах body або frameset), в якому міститься основна інформація документа.
Нижче наведено приклад загальної структури HTML-документу:
<!doctype HTML public "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Мій перший HTML-документ</title>
</head>
<body>
Hello world!
</body>
</html>
Елементи візуальної розмітки застосовуються задля опису візуальних ефектів тексту, не зазначаючи при цьому функції тексту свого контексту. Остання чинна специфікація HTML 4.01 визначає більшість з цих елементів такими, що не рекомендується застосовувати у розмітці. Наприклад:
Фрагмент HTML-розмітки документа
Відтворення в браузері
<font size="5">Давньогрецькі боги</font>
<br />
<b>Посейдон</b> — володар світових вод, Океану, в латинян йому відповідав <i>Нептун</i>, у слов'ян —
<i>Цар Моря, Цар Морський, Водяник</i>.