русс | укр

Мови програмуванняВідео уроки php mysqlПаскальСіАсемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование


Linux Unix Алгоритмічні мови Архітектура мікроконтролерів Введення в розробку розподілених інформаційних систем Дискретна математика Інформаційне обслуговування користувачів Інформація та моделювання в управлінні виробництвом Комп'ютерна графіка Лекції


Таблиці


Дата додавання: 2014-11-27; переглядів: 845.


Щоб додати таблиці на веб - сторінку використовується тег <TABLE>. Цей елемент служить контейнером для елементів, що визначають вміст таблиці. Будь-яка таблиця складається з рядків і клмірок, які задаються за допомогою тегів <TR> і <TD> відповідно. Замість тега <TD> можна використовувати тег <TH>. Текст в такій клітинці відображається браузером зазвичай жирним шрифтом і вирівнюється по центру.

Приклад утворення таблиці:

<table border="1" width="100%" cellpadding="5">
<tr>
<th> Комірка 1 </th>
<th> Комірка 2 </th>
</tr>
<tr>
<td> Комірка 3 </td>
<td> Комірка 4 </td>
</tr>
</table>

Вид таблиці, отриманої в даному прикладі, такий:

Комірка 1 Комірка 2
Комірка 3 Комірка 4

 

Допускається використання вкладених таблиць.

У наведеній нижче таблиці перераховані параметрів тегів <TABLE> і <TD>.

Параметр Тег Зміст
ALIGN   TABLE TD Задає вирівнювання вмісту комірки по горизонталі. Можливі значення: left (вирівнювання по лівому краю), center (по центру) та right (по правому краю).
BGCOLOR TABLE TD Встановлює колір фону таблиці або комірки
BORDER   TABLE   Встановлює товщину рамки в пікселях. За замовчуванням рамка зображується тривимірною, але якщо використовується параметр bordercolor тега <TABLE>, то вигляд рамки змінюється.
BORDERCOLOR TABLE TD Встановлює колір рамки таблиці або комірки
CELLPADDING TABLE Визначає відстань між межею комірки та її вмістом.
CELLSPACING TABLE Задає відстань між зовнішніми межами комірок.
HEIGHT TABLE TD Встановлює висоту таблиці або комірки. Значення висоти таблиці може задаватися як у пікселах, так і у відсотках.
WIDTH TABLE TD Задає ширину таблиці або комірки. Значення ширини таблиці може задаватися як у пікселах, так і у відсотках.
COLSPAN TD Встановлює число клітинок, які повинні бути об'єднані по горизонталі. Наприклад, у таблиці, показаній нижче, містяться два рядки і дві колонки, причому верхні горизонтальні клітинки об'єднані за допомогою параметра colspan:
Комірка
Комірка Комірка 3

 

NOWRAP   TD Додавання параметра nowrap до тегу <TD> змушує текст всередині комірки відображатися без переносів, одним суцільним рядком.
ROWSPAN   TD Встановлює число клітинок, які повинні бути об'єднані по вертикалі.
VALIGN     TD Встановлює вертикальне вирівнювання вмісту комірки. Можливі значення: top (вирівнювання по верхньому краю рядка), middle (вирівнювання по середині), bottom (вирівнювання по нижньому краю), baseline (вирівнювання по базовій лінії).
     

 


<== попередня лекція | наступна лекція ==>
Зображення | Протокол передачі даних HTTP


Онлайн система числення Калькулятор онлайн звичайний Науковий калькулятор онлайн