Essays.club - Получите бесплатные рефераты, курсовые работы и научные статьи
Поиск

Оформлення WEB-сторінки за допомогою таблиць

Автор:   •  Декабрь 19, 2022  •  Практическая работа  •  486 Слов (2 Страниц)  •  143 Просмотры

Страница 1 из 2

Практична робота №3

Тема: Оформлення WEB-сторінки за допомогою таблиць.

Мета роботи:

  • навчитися створювати на веб-сторінці таблиці заданої структури за допомогою тегів мови HTML;
  • навчитися заповнювати комірки таблиць інформацією та зображеннями.

Хід роботи:

  1. Ознайомтеся з теоретичними відомостями.
  2. Створіть макет веб-сторінки на папері.
  3. Відкрийте програму Блокнот
  4. Створіть заголовок та ім’я документу за допомогою тегів HEAD та TITLE.
  5. Створіть тіло документу за допомогою тега BODY.
  6. Побудуйте на веб-сторінці таблицю заданої структури за допомогою тегів TABLE, TR, TD та TH.
  7. Введіть або скопіюйте з іншого текстового документа інформацію у вибрані комірки таблиці.
  8. Вставте зображення у вибрані комірки таблиці.
  9. Створіть гіпертекстові посилання.

<!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>

...

Скачать:   txt (6.3 Kb)   pdf (1.1 Mb)   docx (1.4 Mb)  
Продолжить читать еще 1 страницу »
Доступно только на Essays.club