Завдання
Створити одну сторінку web-сайту. Яка містить особисту інформацію (Прізвище, ім’я, по батькові, дата народження, спеціальність та ін). Ця інформація повинна відображатися структуровано та чітко.
Переформатувати дані сайту використовуючи шрифтові оформлення.
КОНТРОЛЬНІ ПИТАННЯ
Який тег заголовної частини документа?
Який тег сповіщає броузер про розрив рядка?
Вкажіть тег, який створить текст такого стилю – підкреслений напівжирний текст.
Який тег створює абзац?
Що таке escape-послідовності? Коли вони використовуються?
Як задати цитату у web-документі?
Для чого використовується тег <TITLE>?
Який тег розміщує текст посередині рядка?
Який тег повинен бути першим у web-документі?
В рамках дії якого тегу записують вміст документа?
Коли використовують рівні заголовків <Hx>?
Вкажіть послідовність вкладення тегів у web-документі.
Лабораторна робота № 2
Тема: Добавлення зображень на сайт. Використання списків.
Мета: Навчити додавати картинки на сайт. Створення списків.
Теоретичні відомості
КАРТИНКИ В HTML
Картинки уставляються тегом <img src="/шлях до картинки/назва картинки . розширення картинки ">.
К
од,
використаний у картинці:
<a href="куди переходимо при натисканні">
<img src="картинка.jpg" width="ширина картинки (необов'язково)" height="ширина картинки (необов'язково)" hspace="7" vspace="7" border="1" align="left"></a>
Тобто картинка - не що інше, як звичайне посилання, у яку уставляється код з адресою й параметрами картинки:
<img src="картинка.jpg" width="ширина картинки (необов'язково)" height="ширина картинки (необов'язково)" hspace="7" vspace="7" border="1" align="left">
Де, hspace й vspace - не є обов'язковими параметрами, але при їхній наявності навколо картинки утвориться відступ у відповідну кількість пікселів від тексту. Навколо картинки за допомогою border="1" можна спорудити рамку, а при необхідності змінити розміри відображення картинки за допомогою параметрів width й height - якщо вказати в них менші розміри, чим реально в картинки, можна вписати її в будь-який практично дизайн.
ТЕГИ СПИСКІВ
Пронумеровані списки
Пронумерований список починається стартовим тегом <OL> і завершується тегом </OL>. Кожен елемент списку починається з тега <LI>. Наприклад:
<OL TYPE=I START=15> <LI> Програмування <LI> Алгоритмізація <LI> Проектування </OL>
Програмування
Алгоритмізація
Проектування
Непронумеровані списки.
Пронумерований список починається стартовим тегом <UL> і завершується тегом </UL>. Кожен елемент списку починається з тега <LI>. Наприклад:
<UL TYPE=square> <LI> Програмування <LI> Алгоритмізація <LI> Проектування </UL>
Програмування
Алгоритмізація
Проектування
Список визначень
Список визначень починається з тега <DL> і завершується тегом </DL>. Даний список служить для створення списків типу "термін"-"опис". Кожен термін починається тегом <DT> , а опис - тегом <DD>. Наприклад:
<DL> <DT> <B> Відділ маркетингу </B> <DD> Даний відділ займається просуванням продуктів і послуг <DT> <B> Фінансовий відділ </B> <DD> Даний відділ займається всіма фінансовими операціями <DT> <B> Відділ кадрів </B> <DD> Даний відділ займається обліком і набором нових співробітників фірми, розподілом відпусток, відстеженням лікарняних аркушів і т. буд. </DL>
Відділ маркетингу
Даний відділ займається просуванням продуктів і послуг
Фінансовий відділ
Даний відділ займається всіма фінансовими операціями
Відділ кадрів
Даний відділ займається обліком і набором нових співробітників фірми, розподілом відпусток, відстеженням лікарняних аркушів і т.д.
Вкладені списки
Приклад вкладених списків:
<HTML> <HEAD> <TITLE> Список співробітників </TITLE> </HEAD> <BODY> <H2> Список співробітників нашої фірми </H2> <H3> Складено : 30 липня 1996 року </H3> Даний список містить прізвища, імена та по батькові всіх співробітників нашої компанії. <P> Список може бути використаний тільки в службових цілях. <P> <OL> <LI> Дирекція <UL> <LI> Іванов И. И. <LI> Петров К. В. </UL> <LI> Відділ маркетингу <UL> <LI> Варшавська Е. Л. <LI> Самсонов Д. М. </UL> </OL> </BODY> </HTML>
От, що ви побачите на екрані броузера:
Список співробітників нашої фірми
Складено : 30 липня 1996 року
Даний список містить прізвища, імена та по батькові всіх співробітників нашої компанії.
Список може бути використаний тільки в службових цілях.
Дирекція
Іванов И.И.
Петров К.В.