СТВОРЕННЯ ТАБЛИЦЬ.

Дата добавления: 2015-07-09; просмотров: 551; Нарушение авторских прав

У звичайних текстових редакторах таблиці використовують для наочного подання числової чи текстової інформації. У web-дизайні таблиці відіграють більшу роль. Часто їх використовують для позиціювання графічних чи інших об'єктів на екрані. Такі таблиці утворюють з невидимими межами (рамками), а в клітинках розташовують картинки, тексти тощо. Таблиці створюють за допомогою таких тегів:

<TABLE параметри >

<ТС> Заголовок таблиці </ТС>

Тут пишемо теги для заповнення клітинок таблиці рядок за рядком

</TABLE>

Для заповнення клітинок таблиці використовують такі парні теги (закриваючі теги можна не зазначати):

<TR>...</TR>	Формують рядок таблиці
<ТН> текст </ТН>	Формують клітинку з заголовком рядка чи стовпця
<TD> текст </TD>	Формують текст кожної клітинки.

Заголовки рядків і стовпців виводитимуться товстішим шрифтом.

ПРИКЛАД 2.

Створимо на web-сторінці таблицю успішності студента першого курсу за два модульні контролі з трьох предметів: вищої математики, хімії та хірургії:

<HTML> 

<HEAD> <TITLE> Створення таблиці </TITLE> </HEAD>



<BODY BGCOLOR = "aqua" TEXT = "red" >

<CENTER>

<TABLE BORDER=3 BGCOLOR =" yellow " BORDERCOLOR =" green ">

<TС> 

<I> Мої бали за два модульні контролі: </I>

</ТС>

<TR>

<TH> </TH>

<TH> І модуль </TH>

<TH> ІІ модуль </TH>

</TR>

<TR>

<TH ALIGN ="left"> Вища математика </TH>

<TD> 80 балів </TD>

<TD> 75 балів </TD>

</TR>

<TR>

<TH ALIGN ="left"> Хімія </TH>

<TD> 90 балів </TD>

<TD> 95 балів </TD>

</TR>

<TR>

<TH ALIGN ="left"> Хірургія </TH>

<TD> 65 балів </TD>

<TD> 83 бали </TD>

</TR>

</TABLE>

</CENTER>

<P>

</BODY>

</HTML>

Щоб об'єднати у рядку декілька послідовних клітинок, наприклад, дві в одну, у відповідному першому тезі<ТН> чи <TD> записують параметр ROWSPAN = 2. А щоб об'єднати у стовпці дві клітинки в одну, використовують параметр COLSPAN = 2.

Колір рамки, таблиці задають параметром BORDERCOLOR = "колір рамки", а колір тла клітинок - параметром BGCOLOR= " колір фону". Товщину рамки в пікселях задають параметром BORDER= "товщина рамки, 3". Якщо значення параметра - число нуль або параметра немає, то рамка буде невидимою.

<== предыдущая лекция	\|	следующая лекция ==>
СТВОРЕННЯ СПИСКІВ.	\|	Вирівнювання елементів.