Вивчення основ побудови таблиць в HTML-документі і їх використання при завданні структури web-сторінок.

2.2 Вказівки до організації самостійної роботи студентів

Під час виконання роботи необхідно ознайомитись з літературою [1 - 3], матеріалами конспекту лекцій та інформацією, наведеною в підрозділі 2.4.

2.3 Опис програмного продукту, використовуваного для виконання лабораторної роботи

2.4 Порядок виконання роботи і вказівки до її виконання

2.4.1 Розглянемо деякі основні теоретичні положення, необхідні для виконання даної лабораторної роботи

Розберемо приклад синтаксису для того, щоб в документі зліва на сірому тлі під назвою документа вивести посилання, червоним кольором (рис. 2.1).

Харківський національний університет радіоелектроніки

Головна

Інформація для абітурієнтів

перелік спеціальностей

Контакти

Малюнок 2.1 - Вікно браузера з створеним web-документом

Створення таблиць в документі HTML.

Для створення таблиці служить тег

. Як відомо таблиця складається з рядків, а рядки, в свою чергу складаються з осередків. Для визначення рядків служить тег , для створення осередків -

,	. тег	використовується для створення осередків з заголовками. тег	- для звичайних осередків з даними. Приклад створення таблиць (рис. 2.2). Малюнок 2.2 - Вікно з прикладом коду і створеної таблиці Обрамлення таблиці в документі html. Для того, щоб зробити видимими межі таблиці, служить атрибут BORDER тега . Визначаючи рамку таблиці, треба вказати товщину її зовнішніх ліній в пікселях. Щоб задати товщину розмежовують ліній всередині таблиці, необхідно скористатися атрибутом CELLSPACING. За замовчуванням браузер відображає рамку таблиці темно-сірим кольором. Щоб змінити колір рамки треба застосувати атрибут BORDERCOLOR. Приклад представлений на рис. 2.3. Малюнок 2.3 - Вікно з прикладом коду і створеної таблиці з обрамленням Заголовок таблиці документа html. Для створення заголовка таблиці служить тег . За замовчуванням браузер має заголовок таблиці над нею по центру. За допомогою атрибута ALIGN із значенням bottom можна розмістити заголовок під таблицею. Слід сказати, що стандарт HTML не дозволяє ставити одній таблиці кілька заголовків (рис. 2.4). Малюнок 2.4 - Вікно з прикладом коду і створеної таблиці з заголовком Схожі статті Сутність людського капіталу, його основні форми та значення для розвитку організації Які основні форми і вимірювання влади Референдум як основна форма безпосередньої демократії - реферат, сторінка 2