Відмінності між версіями «Створення веб-сторінок Одеська школа 27 Урок 4»
| Рядок 145: | Рядок 145: | ||
Вирівнювання таблиці відносно документа. Можливі значення: center, left, right, justify, char <br> | Вирівнювання таблиці відносно документа. Можливі значення: center, left, right, justify, char <br> | ||
<b>bgcolor</b> -<br> | <b>bgcolor</b> -<br> | ||
| − | Визначає колір фону <u> | + | Визначає колір фону <u>рядка</u> таблиці <br> |
| − | + | ||
| − | + | ||
<b>bordercolor</b> -<br> | <b>bordercolor</b> -<br> | ||
| − | Колір рамки таблиці<br> | + | Колір рамки <u>рядка</u> таблиці. Рамка відображається, коли встановлено атрибут border з ненулевим значенням у тега <table>. <br> |
Версія за 11:18, 10 жовтня 2012
Зміст
Урок 4
Таблиці
Таблиці у Web-документах застосовуються не лише для розміщення табличних даних. Їх також використовують для вставки зображень і посилань, для компонування Web-сторінки тощо.
Теги
<table> обов'язковий парний йому </table> - створення таблиці
<tr> НЕобов'язковий парний йому </tr> - створення рядка таблиці
<td> НЕобов'язковий парний йому </td> - створення комірки таблиці у рядку
Приклад таблиці
| № | Прізвище | Ім'я |
| 1 | Франко | Іван |
| 2 | Шевченко | Тарас |
| 3 | Українка | Леся |
| 4 | Загребельний | Павло |
| 5 | Гончар | Олесь |
А так виглядає сам HTML-код.
<table>
<tr>
<td>№ <td>Прізвище <td>Ім'я
<tr>
<td>1 <td> Франко <td>Іван
<tr>
<td>2 <td> Шевченко <td>Тарас
<tr>
<td>3 <td>Українка <td> Леся
<tr>
<td>4 <td>Загребельний <td> Павло
<tr>
<td>5 <td> Гончар <td>Олесь
</table>
Атрибути тега <table>
align -
Вирівнювання таблиці відносно документа. Можливі значення: center, left, right
bgcolor -
Визначає колір фону в таблиці
border -
Товщина рамки в пікселях. Якщо атрибут не вказаний, то таблиця виводиться без видимої рамки
bordercolor -
Колір рамки таблиці
width -
Ширина таблиці в процентах (80%) або в пикселях (700)
Приклад застосування атрибутів тега <table>
| № | Прізвище | Ім'я |
| 1 | Франко | Іван |
| 2 | Шевченко | Тарас |
| 3 | Українка | Леся |
| 4 | Загребельний | Павло |
| 5 | Гончар | Олесь |
А так виглядає сам HTML-код.
<table align=center
bgcolor=#00FFFF
border=2
bordercolor=red
width=400
>
<tr>
<td>№ <td>Прізвище <td>Ім'я
<tr>
<td>1 <td> Франко <td>Іван
<tr>
<td>2 <td> Шевченко <td>Тарас
<tr>
<td>3 <td>Українка <td> Леся
<tr>
<td>4 <td>Загребельний <td> Павло
<tr>
<td>5 <td> Гончар <td>Олесь
</table>
Атрибути тега <tr>
align -
Вирівнювання таблиці відносно документа. Можливі значення: center, left, right, justify, char
bgcolor -
Визначає колір фону рядка таблиці
bordercolor -
Колір рамки рядка таблиці. Рамка відображається, коли встановлено атрибут border з ненулевим значенням у тега <table>.
