№13. Створення таблиці


Таблиця є частиною HTML-документа. Вона являє собою прямокутну сітку, що складається з вертикальних стовпців і горизонтальних рядків.
Перетин рядка і стовпчика називається коміркою таблиці. Комірка може містити в собі текст, графіку або іншу таблицю.
Таблиця складається з трьох основних частин:

  • назви таблиці,
  • заголовків стовпців,
  • комірок таблиці.

Таблиця в Web-документі заповнюється по рядках (зліва направо по рядку, потім перехід на новий рядок).
Кожна комірка таблиці має бути заповнена (хоча б пробілами, які використовуються для створення порожніх клітинок).

  1. Запустіть програму Блокнот і наберіть текст наступної Web-сторінки. Застосовуйте прийоми копіювання при створенні таблиці, працюючи в програмі Блокнот.
<HTML>
 <HEAD>
  <TITLE>Розклад занять 5 класів</TITLE>
 </HEAD>
 <BODY BGCOLOR="FFFFFF">
  <P ALIGN="CENTER">
  <FONT COLOR="RED" SIZE="6" FACE="ARIAL">
  <B>5 клас</B></FONT><BR></P>
  <FONT COLOR="BLUE" SIZE="4" FACE="COURIER">
  <B>Понеділок</B></FONT><BR>
   <TABLE BORDER="1" WIDTH=100% BGCOLOR="#99CCCC">
    <TR BGCOLOR="#CCCCFF" ALIGN="CENTER">
    <TD>Урок</TD> <TD>5 "А"</TD> <TD>5 "Б"</TD> <TD>5 "В"</TD>
    </TR>
    <TD>1</TD> <TD>Українська мова</TD>
    <TD>Українська література</TD> <TD>Історія України</TD>
    </TR>
    <TR>
    <TD>2</TD> <TD>Математика</TD>
    <TD>Інформатика</TD> <TD>Англійська мова</TD>
    </TR>
    <TR>
    <TD>3</TD> <TD>Історія України</TD>
    <TD>Математика</TD> <TD>Інформатика</TD>
    </TR>
   </TABLE>
 </BODY>
</HTML>
  1. Збережіть файл в особистій робочій папці під ім’ям 5.HTML
  2. Для перегляду створеної Web-сторінки, подвійним клацанням лівої клавіші миші завантажте браузер.

На екрані ви побачите те, що зображено на рисунку 8.


Рисунок 8


НазадЗавдання 12 ЗмістПочаток ДаліЗавдання 14


Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *

%d блогерам подобається це: