Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Порядок роботи






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

Структурування веб-сторінки за допомогою таблиць

Мета роботи: навчитися створювати таблиці та розміщувати в їхніх комірках потрібну інформацію.

 

Порядок роботи

1. Розробіть HTML-документ, який матиме таблицю, що створена за такою схемою:

 

коричневий синьо-фіолетовий
золотистий
жовтий пурпурний
рожевий
     

 

Зі схеми видно, що перший рядок складається з двох комірок: комірки коричневого кольору завширшки 60 % від ширини всієї таблиці, яка містить два стовпці, та синьо-фіолетової комірки, що об'єднує два рядки. Другий рядок складається лише з однієї комірки золотистого кольору. Третій рядок складається з комірки жовтого кольору шириною 30 % від ширини всієї таблиці та пурпурової комірки, що об'єднує два рядки

і два стовпці. Четвертий рядок складається з однієї комірки рожевого кольору. Текст у комірках із темним тлом має білий колір.

2. Збережіть створений документ у файлі з розширенням.html.

3. Відобразіть документ у вікні браузера (рис. 1).

 

Рис. 1. Веб-сторінка, на якій міститься таблиця

 

4. Зробіть копію створеного HTML-документа і відредагуйте наступним чином: скасуйте призначення меж таблиці та кольорів комірок, змініть розмір шрифту.

На рис. 2 показано, який вигляд матиме цей HTML-документ у вікні браузера. Назви кольорів розміщені у різних ділянках екрана.

 

Рис. 2. Приклад розміщення тексту

за допомогою таблиць

 






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.