СТВОРЕННЯ ТАБЛИЦЬ (10 кл)

(Практична робота для 10-х класів)

Створення таблиць у Веб-документі

І. Записшіть у зошити матеріал теми:

Створення таблиць

Таблиці створюють за допомогою таких тегів:

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

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

Тут пишемо теги для заповнення

клітинок таблиці рядок за рядком

</TABLE>

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

<TR>...</TR>               – формують рядок таблиці;

<ТН> текст </ТН>       – формують клітинку-заголовок рядка чи стовпця;

<ТВ> текст </ТВ>       – формують текст кожної клітинки.

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

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

Щоб об'єднати у стовпці дві клітинки в одну, використовують параметр COLSPAN=2.

Колір рамки таблиці задають параметром BORDERCOLOR="кoлip рамки", а колір тла клітинок — параметром ВGСОLОR="колір фону". Товщину рамки в пікселях задають параметром BORDER=“Товщина рамки, наприклад, 3". Якщо значенням параметра є число нуль або параметра немає, то рамка буде невидимою.

ІІ. Виконайте практичну роботу:

1. Відкрийте створений раніше текстовий документ Web-3.txt
2. Додайте у кінці цього тесту (після рядка  <HR SIZE=30 COLOR="red">) наступний текст:

<CENTER>

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

<ТС><І> Мої оцінки за три чверті: </І></ТС>

<TR> <ТН> </ТН>

<ТН> І семестр </ТН>

<ТН> II семестр </ТН>

</TR>

<TR> <TH АLIGH="lеft"> Інформатика </ТН>

<TD> 11 </TD>

<TD> 11 </TD>

</TR>

<TR> <TH АLIGH="lеft> Геометрія </ТН>

<TD> 11 </TD>

<TD> 10 </TD>

</TR>

<TR> <TH ALIGN="left"> Aлгебра </TH>

<TD> 9 </TD>

<TD> 10 </TD>

</TR>

</TABLE>

</CENTER> <P>

3. Збережіть створений текст: Файл → Сохранить
4. Збережіть створений текст як веб-сторінку: Файл → Сохранить как (вкажіть тип файлу - Усі файли) → Web-5.html
5. Відкрийте новостворену веб-сторінку браузером.
6. Зробіть копію екрану з цією сторінкою та надішліть зображення на адресу kab11.gimnazia@gmail.com