Відмінності між версіями «Створення веб-сторінок Одеська школа 27 Урок 4»

Матеріал з Iteach WIKI
Перейти до: Навігація, пошук
Рядок 83: Рядок 83:
 
<h2 style = color:green;>Приклад застосування атрибутів тега &lt;table></h2>
 
<h2 style = color:green;>Приклад застосування атрибутів тега &lt;table></h2>
  
<table>
+
<table align=center bgcolor=blue border=2 bordercolor=yellow width=400>
 
<tr>
 
<tr>
 
<td>№
 
<td>№

Версія за 11:03, 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 Гончар Олесь