Створення списків та їх дизайн

Є три типи списків: маркований, нумерований, означення. Список може мати заголовок, який охоплюють тегами <LH>...</LH>, наприклад,

<LН> Це заголовок списку </LН>.

Маркований список утворюють за допомогою парного тега <UL> ...</UL> і одинарних тегів <LІ>, наприклад, так:

<LH> Мої улюблені предмети: </LH>

<UL>

<LI> економічна інформатика

<LI> англійська мова

<LI> вища математика

</UL>

На екрані отримаємо:

Мої улюблені предмети:

• економічна інформатика

• англійська мова

• вища математика

Нумерований список створюють за допомогою парного тега <OL>... </OL> з необов'язковим параметром TYPE і одинарних тегів <LI> так:

<LH> Мої улюблені предмети:</LH>

<OL TYPE="1">

<LI> економічна інформатика

<LI> англійська мова

<LI> вища математика

</OL>

На екрані отримаємо:

Мої улюблені предмети:

1. економічна інформатика

2. англійська мова

3. вища математика

Значення "і" чи "І" параметра TYPE задає нумерацію римськими малими (і, іі, ііі, iv,...) чи великими (І, II, III, IV, ...) цифрами, а значення "а" чи "А" — латинськими малими (a, b, c, d, ...) чи великими (А, В, С,...) літерами.

Створення таблиць та їх дизайн

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

<TABLE параметри> <ТС> Заголовок таблиці </ТС>

Теги рядків і комірок

</TABLE>

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

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

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

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

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

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

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

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

Вправа 3. Створіть на Web-сторінці таблицю-витяг з табеля успішності за два перші семестри з трьох предметів: інформатики, англійська мова та вища математика, вносячі такі зміни у файл file1.htm перед тегом </BODY>.

<CENTER>

<TABLE BORDER=6 BGCOLOR="aqua" BORDERCOLOR="red" >

<CENTER><TC> Моя успішність:</TC></CENTER>

<TR BGCOLOR="white"> <TH> Назва дисципліни</TH>

<TH>І семестр </TH>

<TH>II семестр </TH> </TR>

<TR> <TH>Економічна інформатика </TH>

<TD ALIGN="center">5</TD>

<TD ALIGN="center">4</TD></TR>

<TR> <TH>Англійська мова</ТН>

<TD ALIGN="center">4</TD>

<TD ALIGN="center">5</TD></TR>

<TR> <TH>Вища математика</TH>

<TD ALIGN="center">4</TD>

<TD ALIGN="center">5</TD></TR>

</TABLE></CENTER><HR>

Збережіть змінений файл з ім’ям file1.htm у своїй папці Практ_17. Перегляньте цей файл, у разі необхідності усуньте помилки. Проаналізуйте зміни.