Оформлення WEB-сторінки за допомогою таблиць
Автор: Манчур Віталій • Декабрь 19, 2022 • Практическая работа • 486 Слов (2 Страниц) • 150 Просмотры
Практична робота №3
Тема: Оформлення WEB-сторінки за допомогою таблиць.
Мета роботи:
- навчитися створювати на веб-сторінці таблиці заданої структури за допомогою тегів мови HTML;
- навчитися заповнювати комірки таблиць інформацією та зображеннями.
Хід роботи:
- Ознайомтеся з теоретичними відомостями.
- Створіть макет веб-сторінки на папері.
- Відкрийте програму Блокнот
- Створіть заголовок та ім’я документу за допомогою тегів HEAD та TITLE.
- Створіть тіло документу за допомогою тега BODY.
- Побудуйте на веб-сторінці таблицю заданої структури за допомогою тегів TABLE, TR, TD та TH.
- Введіть або скопіюйте з іншого текстового документа інформацію у вибрані комірки таблиці.
- Вставте зображення у вибрані комірки таблиці.
- Створіть гіпертекстові посилання.
<!DOCTYPE html>
<html>
<head><FONT SIZE=5>Таблиця фільмів</font></head>
<TABLE BORDER>
<TR>
<body bgcolor="#008000" text="#0000FF">
<TD COLSPAN=2 ROWSPAN=2 align="center"><FONT SIZE=4>Драма</TD>
<TD COLSPAN=1 ROWSPAN=2 align="center"><FONT SIZE=4>Бойовик</TD>
<TD COLSPAN=1 align="center"><FONT SIZE=4>Комедія</TD>
<TD COLSPAN=1 ROWSPAN=2 align="center"><FONT SIZE=4>Детектив</TD>
</TR>
<TR>
<TD align="center"><FONT SIZE=4>Драма</TD>
</TR>
<TR>
<TD align="center"><FONT SIZE=4>Підліткова драма</TD>
<TD align="center"><FONT SIZE=4>Медодрама</TD>
<TD align="center"><FONT SIZE=4>Містика</TD>
<TD align="center"><FONT SIZE=4>Кримінал</TD>
<TD align="center"><FONT SIZE=4>Фантастика</TD>
</TR>
<TR>
<TD align="center"><FONT SIZE=4>Молоді монархи</TD>
<TD align="center"><FONT SIZE=4>Що сталося з серетарем Кім?</TD>
<TD align="center"><FONT SIZE=4>Завтра</TD>
<TD align="center"><FONT SIZE=4>Вінченцо</TD>
<TD align="center"><FONT SIZE=4>Меморист</TD>
</TR>
<TR>
<TD><img src="https://upload.wikimedia.org/wikipedia/uk/7/74/%D0%A3_%D1%80%D1%83%D0%BA%D0%B0%D1%85_%D0%BF%D1%81%D0%B0_%28%D1%84%D1%96%D0%BB%D1%8C%D0%BC%29.jpg" width=250 heigth=420/></TD>
<TD><img src="https://film-ua.com/uploads/posts/2017-10/film-ua.com_tatovi-znovu-17-2009-divitisya-onlayn-v-hd-720p-bezkoshtovno_1.jpeg" width=250 heigth=420/></TD>
<TD><img src="https://planetakino.ua/res/get-poster/00000000000000000000000000002454/vend3-adam.jpg" width=250 heigth=420/></TD>
<TD><img src="https://uaserials.pro/posters/5100.jpg" width=250 heigth=420/></TD>
...