6 урок

Теги для html-таблиць
Створення таблиці - <table> теги рядів і стовнців </table>

Атрибути таблиці:
align - вирівнювання таблиці на сторінці (значення: left | center | right)
background - фоновий малюнок
bgcolor - колір фону таблиці
border - товщина рамка в пікселях
bordercolor - колір рамки
width - ширина таблиці
height - висота таблиці
cellpadding - відступ від рамка до вмісту комірки
cellspacing - відстань між комірками таблиці
cols - кількість колонок в таблиці

Створення рядків:
</tr> теги стовпців </tr>

Створення стовбців:
</td>вміст стовця</td>

Створення стовбця-заголовка: <th>вміст заголовку</th>

Завдання 1.
- У даному коді створено таблицю шириною 500px з 5 рядків, двох стовбчиків, назва таблиці "Топ 5 кращих комп'ютерних ігор". Скопіюйте цей код до файлу table.html


<Html> 
<Head>
<Title> Таблиця </title>
</Head>
<Body>
<table width="500px">
<caption>Топ 5 кращих комп'ютерних ігор <caption>
<tr>
<td>1</td>
<td>World of Warcraft</td>
</tr>
<tr>
<td>2</td>
<td>Black Desert</td>
</tr>
<tr>
<td>3</td>
<td>Leagua of Legends</td>
</tr>
<tr>
<td>4</td>
<td>Counter Strike</td>
</tr>
<tr>
<td>5</td>
<td>World of Tanks</td>
</tr>
</table>
</Body>
</Html>

- Випробуйте всі атрибути тегу <table>

Завдання 2.
Створіть нову Web-сторінку. Додайте на сторінці таблицю.
Ширина таблиці = 90%, висота = 600 пікселів.
Висота рядів = 200 пікселів.
Ширина колонок = 30%
Виконайте форматування тексту в таблиці, як показано в прикладі внизу

По горизонталі: - зліва; По вертикалі: - вгорі.	По горизонталі: - зліва; По вертикалі: - по центру. (цей спосіб використовується за умовчанням)	По горизонталі: - зліва; По вертикалі: - внизу.
По горизонталі: - по центру; По вертикалі: - вгорі.	По горизонталі: - по центру; По вертикалі: - по центру.	По горизонталі: - по центру; По вертикалі: - внизу.
По горизонталі: - справа; По вертикалі: - вгорі.	По горизонталі: - справа; По вертикалі: - по центру.	По горизонталі: - справа; По вертикалі: - внизу.

Повернутись на початок сторінки