Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
4 МП WEB-5к.docx
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
7.3 Mб
Скачать

Атрибут тега ul type відповідає за вигляд маркеру:

<UL type="disc"> маркер-диск;

<UL type="circle"> маркер-коло;

<UL type="square"> маркер-квадрат

----------------------------------------------------------------------------------------------------

Завдання 2. В текстовому редакторі «Блокнот» набрати вищеперечислені теги форматування і зберегти документ з розширенням .htm. Переглянути результат.

----------------------------------------------------------------------------------------------------

Встановлення кольору фону

Колір фону встановлюється за допомогою знайомого тега <BODY>. Наприклад, чорний фон встановиться командою:

<BODY bgcolor="#000000">

Якщо колір фону в <BODY> не вказувати, то він буде білим (або будь-яким іншим).

----------------------------------------------------------------------------------------------------

Завдання 3. В текстовому редакторі блокнот ввести наступний код:

<HTML> <HEAD> <TITLE>Miй перший крок </TITLE> </HEAD>

<BODY text="#336699" bgcolor="#FFFOFF">

Привіт, це моя перша сторінка. <BR>

<FONT color="#CCOOOO"> Ласкаво просимо! </FONT>

</BODY> </HTML>

Збрегти його з розширенням .htm. Переглянути результат.

----------------------------------------------------------------------------------------------------

!!! Зверніть увагу: в тегі <BODY> одночасно встановлюється колір тексту документа і колір фону. Це означає, що весь текст сторінки буде синім, крім тексту, для якого спеціально встановлено інший колір. Якщо колір тексту в <BODY> не зада­вати, то за замовченням він буде чорним.

Не слід зловживати яскравими фонами (жовтий, червоний, салатний або чорний фон з яскравим текстом на ньому). Варто використовувати таку гамму кольорів на сторінці, яка не відволікає увагу від змісту, не заважає його читати. Тег <BR> в межах одного абзацу вставляє розрив текстового рядка.

ФОРМАТУВАННЯ ТЕКСТУ ЗА ДОПОМОГОЮ ТЕГА <FONT></FONT>

Щоб виділити великий фрагмент тексту або тільки одне слово, треба скористатися відомими тегом <FONT> </FONT>.

----------------------------------------------------------------------------------------------------

Завдання 4. <H3> <FONT color="ff00ff" face="Arial" size="+2">Цей текст форматується тегом FONT</FONT></H3>

----------------------------------------------------------------------------------------------------

Параметр size задає розмір шрифту (“+1”,”+2”,”+3”,…,”-1”,”-2” …) відносно основного розміру шрифту у веб-оглядачі. Параметр color задає колір тексту (color="ff00ff", в лапках пишуться дворозрядні числа шістнадцяткової системи, які задають відтінки трьох кольорів – червоного, зеленого та синього; мінімальна яскравість – число 00, максимальна - ff). Параметр face дозволяє вибрати шрифт, яким буде написаний текст (“Arial”, “Times New Roman”, “Courier New” та інші).

Лабораторна робота №3. Створення веб-сторінки мовою html.

Мета: навчитись створювати тематичну веб-сторінку та форматувати її мовою HTML; застосовувати до тексту дескриптори вирівнювання.

Хід роботи

Завдання 1. Створити просту веб-сторінку, в якій задати заголовок «Фрагмент пояснення теми ”Бази даних”». Зберегти файл з ім’м urok.htm.

Завдання 2. Використовуючи дескриптори мови HTML, у файлі urok.htm здійснити форматування тексту, поданого на рис.1. Текст для сторінки можна скопіювати за адресою: http://galanet.at.ua/forum/51-455-1.

Під час форматування враховувати такі параметри:

  • для основного тексту: вирівнювання – по ширині;

  • для заголовка «БАЗИ ДАНИХ»: розмір – 5, колір – #990000, вирівнюванняпо центру;

  • для заголовків «Історія» та «Поняття бази даних»: колір – #cc0000, вирівнюванняпо центру;

  • для означення бази даних: накреслення – курсив, вирівнювання – по ширині;

  • для першого списку: тип маркера не змінювати, для другого списку: тип маркера коло.

Рис.1. Зображення веб-сторінки, форматованої мовою HTML

Завдання 3. Встановити для фону всієї сторінки такий колір: #ffffcc.