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

Головна 1. Початок роботи	2. Мова 3. Текст	4. Прикраси 5. Зображення	6. Таблиця 7. Список	8. Гіперпосилання 9. Галерея	10. Корисне 11. Зв'язок

	Тег додавання таблиці <table>...</table>

— Марта, Лесику, а зараз ми з вами розглянемо достатньо складні теги додавання таблиці.
— Пане Веб, Ви кажете тегИ, тобтоїх багато?
— Так, Марта. Спочатку парний тег <TABLE> оголошує таблицю. А потім оголошується початок та кінець рядка парним тегом <TR> А у рядку кожна клітинка таблиці указується парним тегом <TH>(якщо у клітинці заголовок, тобто жирним шрифтом та вирівнювання за центром) або клітинка позначається парним тегом <TD> (якщо у клітинці звичайний текст).
— Пане Веб, Ви так багато назвали тегів, що нам стало сумно і зовсім не зрозуміло.
— Марта, Лесику, не сумуйте! Зараз я все поясню та надам приклад. Нагадую, що я пишу теги великими літерами, а параметри малими, але всі теги можна писати малими, великими, малими-великими по черзі - все це НЕМАЄ значення!

Параметри тега <TABLE>	Пояснення
bordercolor = blue	Параметр визначає колір межі. Наприклад, блакитний. Можна вибирати будь-який колір, колір треба вказувати англійською мовою. Параметр не обов'язковий.
bgcolor = yellow	Параметр визначає колір фону таблиці. Наприклад, жовтий. Можна вибрати будь-який колір, колір треба вказувати английською мовою. Параметр не обов'язковий.
border = x	Параметр визначає товщину меж таблиці. Чим більше число – тим товщими будуть межі, та навпаки. Параметр не обов'язковий.
width = x%	Параметр визначає ширину таблиці на сторінці у відсотках від ширини вікна. Параметр не обов'язковий.

Параметри тега <TD> або <TH>	Пояснення
width = x%	Параметр визначає ширину стовпця від ширини таблиці у відсотках від шририни таблиці. Параметр не обов'язковий.
rowspan = x	Параметр об'єднує певну кількість рядків у таблиці. Параметр не обов'язковий.
colspan = x	Параметр об'єднує певну кількість стовпців у таблиці. Параметр не обов'язковий.

— Марта, Лесику, ви бачите, що параметри всі необов'язкові, тобто якщо ви не вкажете жодного параметра, а напишите тільки теги - таблицю ви отримуєете! Параметри тегів лише роблять таблицю краще.

Діємо!
1. Працюємо у відкритому файлі index.html
2. Після тегу рухомого рядку додаємо теги вставки таблиці, як на малюнку 17.
3. У меню програми обрати пункт Файл—Зберегти. Файл не закривати!
4. Перейти до відкритого файла у браузері. Та у відкритому вікні натиснути кнопку Оновити На сторінці з'явилося зображення, приблизно, як на малюнку 18? Вітаю! Всі дії зроблено вірно!

А тепер настав час дізнатися, як додати список на сайт.

мал. 17 Щоб збільшити зображення натисні на ньому лівою кнопкою миші

мал. 18 Щоб збільшити зображення натисні на ньому лівою кнопкою миші

Головна 1. Початок роботи	2. Мова 3. Текст	4. Прикраси 5. Зображення	6. Таблиця 7. Список	8. Гіперпосилання 9. Галерея	10. Корисне 11. Зв'язок