Лабораторна робота №7

Передмова 5

Введення в мову HTML 7

Структура HTML-документа 9

Лабораторна робота №1

Створення сайту.

Текстове оформлення сторінок 11

Вставка зображень в html-сторінки 14

Вирівнювання зображень 14

Лабораторна работа№2

Текстове оформлення сторінок

Лабораторна робота №3

Вставка зображень в html-сторінки

Лабораторна робота №4

Створення списків

Нумеровані списки

Маркіровані списки

Лабораторна робота № 5

Створення таблиць

Параметри таблиці

Лабораторна робота №6

Створення фреймів

Лабораторна робота №7

Каскадні таблиці стилів

CSS Текст 33 Властивості тексту

Межі й рамки

Типи рамок

Вступ.

У наш час Інтернет охоплює майже всі сфери життя: культура, мистецтво, бізнес. На першому етапі необхідно навчитися створювати прості HTML-сторінки. XML же – це надбудова над HTML. Тому без вивчення HTML не обійтися. Отже, HTML – HyperText MarkUp Language – язик розмітки гіпертексту. Гіпертекст – розширений текст, який може містити в собі текст, ілюстрації, різні упроваджені об'єкти і посилання на інші ресурси або на інші Web-сторінки.

При передачі інформації через Інтернет використовуються якраз HTML-сторінки – файли *.htm і *.html, оскільки вони містять в собі Гіпертекст, мають розмір менше ніж текстові або інші файли і для їх перегляду потрібен тільки браузер.

HTML-документ є звичайним текстовим документом з управляючими конструкціями язика HTML – тегами, які і проводять дії «форматування» над текстовими блоками і здійснюють вставку різних об'єктів в документ.

Створювати HTML-сторінки можна шляхом самостійного написання тегів в текстовому редакторі або використовуючи Web-редакторів з автоматизацією введення потрібних тегів – наприклад, WebEdit, Arachnophilia або ж використовуючи програми, які створюють теги самі у відповідь на дію користувача на сторінці – за принципом What You See Is What You Get - наприклад, MS Word, MS Frontpage. Але вони задають абсолютне форматування і часто дописують багато зайвого коду до сторінки. До того ж для створення більш унікальних сторінок ними не обійдешся, для цього краще писати теги HTML самому і використовувати каскадні таблиці стилів.

Ми пропонуємо використовувати для створення Web-сторінок блокнот, який входить в стандартний набір будь-якої з операційних систем Windows і не вимагає попереднього вивчення.

Наш практикум містить в собі всі основні розділи, необхідні для створення Web-сторінок. В кожному розділі є приклади використовування тегів, показаний результат дії цих тегів, а також представлені лабораторні роботи. Практикум можна використовувати для самостійного вивчення технології створення статичних Web-сторінок студентам будь-яких спеціальностей або тим, хто хоче самостійно вивчити основи язика HTML