- •Міністерство освіти і науки України
- •Поради при створенні Web-сторінки
- •Завдання до лабораторних робіт
- •Лабораторна робота №1 Простий документ html. Форматування тексту
- •Завдання до лабораторної роботи №1 для самостійного виконання
- •Студент групи *-ек а.П.Іванов Лабораторна робота №2 Графіка
- •Завдання до лабораторної роботи №2 для самостійного виконання
- •Лабораторна робота №3 Таблиці
- •Завдання до лабораторної роботи №3 для самостійного виконання
- •Лабораторна робота №4 Списки
- •Завдання до лабораторної роботи №4 для самостійного виконання
- •Лабораторна робота №5 Гіпертекстові посилання
- •Завдання до лабораторної роботи №5 для самостійного виконання
- •Лабораторна робота №6 Сенсорні зображення
- •Завдання до лабораторної роботи №6 для самостійного виконання
- •Лабораторна робота №7 Створення і використання форм
- •Завдання до лабораторної роботи №7 для самостійного виконання
- •Лабораторна робота №8 Фрейми
- •Завдання до лабораторної роботи №8 для самостійного виконання
- •Використана література
Завдання до лабораторної роботи №3 для самостійного виконання
Створіть таблицю.
Заголовок
Дані, вирівняні по лівому краю комірки
Дані, вирівняні по правому краю комірки
25% ширини таблиці
75% ширини таблиці
Створіть таблицю із 3-х рядків та 2-х стовпців. Задайте для неї колір фону (або фоновий малюнок) і подвійну рамку. У комірках таблиці розмістіть малюнки або тексти. Задайте відступ від границі комірки до її вмісту, рівний 10 пікселям, відстань між комірками зробіть рівною 3 пікселям. Таблицю “прижміть” до правого боку вікна броузера.
Створіть таблицю із 4-х рядків і 4-х стовпців. За допомогою атрибутів colspan та rowspan обєднайте окремі комірки. В обєднані комірки розмістіть текст або зображення так, щоб вони розміщувалися посередині комірки, по горизонталі і по вертикалі.
Створіть документ:
Характеристики
Кількість студентів
Якість успішності
Спеціальності
Економічна кібернетика
250
80%
Прикладна математика
200
75%
Менеджмент
150
85%
За допомогою таблиці (без рамки) розмістіть текст у вікні броузера у дві колонки, над якими розміщений один спільний фрагмент.
Лабораторна робота №4 Списки
HTML підтримує нумеровані й марковані списки, що відкриваються відповідно тегами <OL>…</OL> та <UL>….</UL>. Опція COMPACT робить список більш компактним. Опція TYPE дозволяє вказати тип маркерів списку. Для нумерованого списку нумерація позначається латинськими буквами, римськими або арабськими цифрами. Для маркованого ― опція TYPE вказує вид маркера — circle, disc чи square. Опція START=число нумерованого списку дозволяє почати нумерацію із цифри, відмінної від 1, а також від А. Окремі елементи списку заключаються у тег <LI>…</LI>. Для нумерованого списку можна змінити нумерацію, вказавши у тегові <LI> опцію VALUE=число. Для створення комбінованих списків теги нумерованих та маркованих списків можна вкладати один в один. Крім того, HTML підтримує список визначень, котрий містить почергові пари виду: “термін” — “його опис”. Список визначень починається з тега <DL>, термін виділяється тегом <DT>, а його опис – тегом <DD>.
Завдання 1. Створити HTML-документ, використовуючи списки.
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</HEAD>
<BODY><H1>
<ol compact>
<li> Комп’ютери
<ul compact type="disc">
<li> Pentium Pro</li>
<li> Pentium MMX</li>
</ul>
</li>
<li> Принтери
<ul compact type="square">
<li> матричний </li>
<li> струйний </li>
<li> лазерний </li>
</ul>
</li>
</ol>
</H1>
</BODY>
</HTML>
Завдання до лабораторної роботи №4 для самостійного виконання
Створіть HTML-документ, застосувавши у ньому:
нумерований список дисциплін, які вивчаються у цьому семестрі;
маркований список ваших улюблених страв.
Основна частина документа повинна бути організована як таблиця, що складається з двох колонок. У лівій колонці розміщується список (гіперпосилання на інші сторінки сайта), а в правій — основний зміст. Ширину лівої колонки виберіть у межах 150-200 пікселів, ширину усієї таблиці – 90-100% від ширини вікна броузера. Бордюри таблиці мають бути відключені. Наприклад, таблиця може виглядати так:
На головну... Гіперпосилання |
Основна частина документа буде знаходитися у правій колонці! |
Зробіть перелік гіперпосилань із документа links.html маркованим списком із маркерами у вигляді квадрата. Додайте до документа links.html список із 4-5 визначень, що складається з гіперпосилань та коментарів до них. Приклад елемента такого списку:
Яndex
Яndex — один із популярних у Росії пошукових серверів.