Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Методичка ММ.doc
Скачиваний:
1
Добавлен:
10.11.2019
Размер:
1.49 Mб
Скачать

Увага!!! Можна зберігати файл з розширенням .Txt та .Htm (.Html). При редагуванні файлу в програмі Блокнот необхідно перезаписувати обидва файли.

  1. Для створення наступної Web-сторінки з таблицею, ознайомтесь з наступними тегами (таб.5).

Таблиця 5. Синтаксис тегів для роботи з таблицею та зображеннями

Ім’я тегу

Призначення тегу, атрибути

<table> ... </table>

служить контейнером для елементів, що визначають уміст таблиці

Атрибути

align - визначає вирівнювання таблиці

bgcolor - колір тла таблиці

border - товщина рамки в пикселах

bordercolor - колір рамки

width - ширина таблиці (будь-яке ціле значення в пикселах або відсотках від доступного простору)

<TR></TR>

служить контейнером для створення рядка таблиці

<TD> </TD>

призначений для створення однієї чарунки таблиці і повинен розміщатися усередині контейнера <TR>, який у свою чергу розташовується усередині тегу <TABLE>.

Атрибути

align - визначає вирівнювання вмісту чарунки по горизонталі

bgcolor - колір фону чарунки

colspan - поєднує горизонтальні чарунки. Установлює число чарунок, які повинні бути об'єднані по горизонталі. Цей параметр має сенс для таблиць, що полягають із декількох рядків. (<td colspan="число">...</td>)

rowspan - поєднує вертикальні чарунки. Цей параметр має сенс для таблиць, що полягають із декількох рядків. (<td rowspan="число">...</td>)

<IMG>

призначений для відображення на веб-сторінці зображень у графічному форматі GIF, JPEG або PNG.

Атрибути

src- визначає місто розташування та ім’я файлу (єдиний обов’язковий атрибут)

align - визначає вирівнювання рисунку (left, right, bottom, middle, top)

border - товщина рамки в пикселах

alt- додає коментар

width – ширина зображення

height – висота зображення

<hr>

ставиться до блокових елементів, лінія завжди починається з нового рядка, а після неї всі елементи відображаються на наступному рядку.

Атрибути

аlign - визначає вирівнювання лінії

color - колір лінії

  1. Створіть нову Web-сторінку, яка буде відображувати таблицю. Тлом сторінки буде слугувати рисунок. Збережіть файл в папці із своїм прізвищем з іменем table.htm.

  1. Проаналізуйте елементи коду, яку роль вони відіграють при створенні Web-сторінки. Надайте відповідь на наступні запитання:

    1. Як створити одну чарунку?

    2. Як поєднати чарунки горизонтально?

    3. Як поєднати чарунки вертикально?

    4. Як вмістом чарунки зробити рисунок?

    5. Як рисунок зробити тлом Web-сторінки?