Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
HTML.doc
Скачиваний:
22
Добавлен:
05.03.2016
Размер:
273.92 Кб
Скачать

Завдання до лабораторної роботи №3 для самостійного виконання

  1. Створіть таблицю.

    Заголовок

    Дані, вирівняні по лівому краю комірки

    Дані, вирівняні по правому краю комірки

    25% ширини таблиці

    75% ширини таблиці

  2. Створіть таблицю із 3-х рядків та 2-х стовпців. Задайте для неї колір фону (або фоновий малюнок) і подвійну рамку. У комірках таблиці розмістіть малюнки або тексти. Задайте відступ від границі комірки до її вмісту, рівний 10 пікселям, відстань між комірками зробіть рівною 3 пікселям. Таблицю “прижміть” до правого боку вікна броузера.

  3. Створіть таблицю із 4-х рядків і 4-х стовпців. За допомогою атрибутів colspan та rowspan обєднайте окремі комірки. В обєднані комірки розмістіть текст або зображення так, щоб вони розміщувалися посередині комірки, по горизонталі і по вертикалі.

  4. Створіть документ:

    Характеристики

    Кількість студентів

    Якість успішності

    Спеціальності

    Економічна кібернетика

    250

    80%

    Прикладна математика

    200

    75%

    Менеджмент

    150

    85%

  5. За допомогою таблиці (без рамки) розмістіть текст у вікні броузера у дві колонки, над якими розміщений один спільний фрагмент.

Лабораторна робота №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 для самостійного виконання

  1. Створіть HTML-документ, застосувавши у ньому:

  • нумерований список дисциплін, які вивчаються у цьому семестрі;

  • маркований список ваших улюблених страв.

  • Основна частина документа повинна бути організована як таблиця, що складається з двох колонок. У лівій колонці розміщується список (гіперпосилання на інші сторінки сайта), а в правій — основний зміст. Ширину лівої колонки виберіть у межах 150-200 пікселів, ширину усієї таблиці – 90-100% від ширини вікна броузера. Бордюри таблиці мають бути відключені. Наприклад, таблиця може виглядати так:

    На головну...

    Гіперпосилання

    Основна частина документа буде знаходитися у правій колонці!

    1. Зробіть перелік гіперпосилань із документа links.html маркованим списком із маркерами у вигляді квадрата. Додайте до документа links.html список із 4-5 визначень, що складається з гіперпосилань та коментарів до них. Приклад елемента такого списку:

    Яndex

    Яndex — один із популярних у Росії пошукових серверів.

  • Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]