
- •Лабораторна робота №1
- •Практична частина:
- •Контрольні питання:
- •1. Браузер перегляду html сторінок - internet explorer
- •2. Основні теги html, які необхідно знати після виконання даної лабораторної роботи.
- •Теоретична частина Базисні елементи
- •Визначення структури
- •Зовнішній вигляд
- •Посилання й графіка
- •Роздільники
- •Тіло й кольори
Контрольні питання:
1. Браузер перегляду html сторінок - internet explorer
Припустимо, що вид Вашого браузера настроєний у такий спосіб: відбивається робоче вікно й рядок меню. Необхідно виконати наступні завдання:
перейти до сторінки в Інтернет по відомому Вам URL адресі;
побачити адресу активного гіперпосилання;
забезпечити собі швидкий перехід до відкритій в цей момент сторінці в кожному з наступних сеансів роботи;
настроїти IE таким чином, що його відкриття супроводжувалося відкриттям Вашої улюбленої сторінки в Інтернет;
здійснити тематичний пошук в Інтернет за умови того, що Ви не пом’ятаєте адреси ні однієї пошукової системи;
прочитати російськомовну сторінку, при відкритті якої не відображуються російські букви;
збільшити швидкість завантаження інформації HTML сторінок за умови того, що Вас цікавить текст на сторінках;
переглянути тегову структуру відкритого гіпертекстового документа.
2. Основні теги html, які необхідно знати після виконання даної лабораторної роботи.
Коротко опишіть яку роль при складанні гіпертекстового документа грають наступні теги і їхні атрибути:
<DL>; <BODY BGCOLOR="#000000">; <H3>; <A HREF="URL">; <TITLE>;
<OL>; <BODY BACKGROUND="URL">; <B>; <IMG SRC="URL" HEIGHT="20%">;
<UL>; <BODY TEXT="#000000">; <I>; < IMG SRC="URL" ALT="МОЯ ФОТОГРАФІЯ">; <HEAD>;
<HTML>; <BR>; <P ALIGN="CENTER">; <A HREF="URL"> НОВИЙ ДОКУМЕНТ </A>; <U>;
<HR>; <DL> <DT>малина<DD> смачна ягода <DT>полуниця<DD>дуже смачна ягода</DL>; <P>; <IMG SRC="URL" WIDTH="40%">.
Теоретична частина Базисні елементи
Тип документа |
<HTML></HTML> |
(початок і кінець файлу) |
Ім'я документа |
<TITLE></TITLE> |
(повинне бути в заголовку) |
Заголовок |
<HEAD></HEAD> |
(опис документа, наприклад його ім’я) |
Тіло |
<BODY></BODY> |
(зміст сторінки) |
Визначення структури
Заголовок |
<H?></H?> |
(стандарт визначає 6 рівнів) |
з вирівнюванням |
<H? ALIGN=LEFT|CENTER|RIGHT></H?> |
|
Секція |
<DIV></DIV> |
|
з вирівнюванням |
<DIV ALIGN=LEFT|RIGHT|CENTER></DIV> |
|
Цитата |
<BLOCKQUOTE></BLOCKQUOTE> |
(звичайно виділяється відступом) |
Зовнішній вигляд
Жирний |
<B></B> |
|
Курсів |
<I></I> |
|
Підкреслений |
<U></U> |
|
Верхній індекс |
<SUP></SUP> |
|
Нижній індекс |
<SUB></SUB> |
|
Форматований |
<PRE></PRE> |
(зберегти формат тексту як є) |
Ширина |
<PRE WIDTH=?></PRE> |
(у символах) |
Центрувати |
<CENTER></CENTER> > |
(як текст, так і графіки) |
Миготливий |
<BLINK></BLINK> |
(небажаний елемент) |
Посилання й графіка
Посилання |
<A HREF="URL"></A> |
|
Посилання на закладку |
<A HREF="URL#***"></A> |
(в іншому документі) |
Посилання на закладку |
<A HREF="#***"></A> |
(у тому ж документі) |
На інше вікно |
<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A> |
|
Визначити закладку |
<A NAME="***"></A> |
|
Графіка |
<IMG SRC="URL"> |
|
Вирівнювання |
<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> |
|
Вирівнювання |
<IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> |
|
Альтернатива |
<IMG SRC="URL" ALT="***"> |
(виводиться якщо картинка не зображується) |
Карта |
<IMG SRC="URL" ISMAP> |
(потрібна також програма) |
Локальна карта |
<IMG SRC="URL" USEMAP="URL"> |
|
Визначення карти |
<MAP NAME="***"></MAP> |
|
Області карти |
<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> |
|
Розміри |
<IMG SRC="URL" WIDTH=? HEIGHT=?> |
(у пікселах) |
Окантовка |
<IMG SRC="URL" BORDER=?> |
(у пікселах) |
Відступ |
<IMG SRC="URL" HSPACE=? VSPACE=?> |
(у пікселах) |
Замінник у низькому дозволі |
<IMG SRC="URL" LOWSRC="URL"> |
|
Включити об'єкт |
<EMBED SRC="URL"> |
(вставити об'єкт у сторінку) |
Розмір об'єкта |
<EMBED SRC="URL" WIDTH=? HEIGHT=?> |
|