Структура html-документу
<HTML> Початок документу
<HEAD>
<TITLE>Назва
заголовку</TITLE> Заголовок
документу
</HEAD>
<BODY>
Текст документу Тіло документу
</BODY>
</HTML> Кінець документу
Завдання 2. Структурний формат.
Розмітка, яка створюється за допомогою мови HTML, дозволяє організувати текст у логічні, легко зрозумілі розділи або застосовувати до нього специфічний формат.
Елементи та теги структурного форматування
Теги |
Елемент |
Функція |
<P> |
Абзац |
Створення текстових абзаців |
<DIV>, <SPAN> |
Текстовий блок |
Візуальне виділення окремих фрагментів тексту |
<CENTER> |
Центрування |
Горизонтальне вирівнювання елементів по ширині вікна броузера |
 , <BR>, <NOBR>, <WBR> |
Відступи та перенос стрічки |
Створення відступів в тексті та створення/заборона переносу стрічки |
<HR> |
Горизонтальний розділювач |
Візуальне розділення фрагментів тексту за допомогою лінії |
<PRE> |
Попередньо відформатований текст |
Вивід відформотованого в текстовому редакторі фрагменту на екран монітора у форматі „як є”. |
<!-- --> |
Коментарі |
Включення додаткової інформації в HTML–код про документ. Текст між цими символами невидимий при перегляді броузером |
Тег управління абзацом
<P> (paragraph) – задає початок абзацу.
Закриваючий тег </P> також існує, але його використання не є обов’язковим.
Текст абзацу може вирівнюватись по лівому та по правому краю, по центру та по ширині. Для цього застосовують атрибут ALIGN (вирівнювання), який може набувати значень, наведених в Таблиці.1.
Таблиця.1
Значення атрибута ALIGN |
Дія |
LEFT |
Вирівнювання по лівому краю |
RIGHT |
Вирівнювання по правому краю |
CENTER |
Вирівнювання по центруо |
JUSTIFY |
Вирівнювання по ширині |
!!!Тут мають бути всі веб-сторінки та їх коди, які відносяться до даного завдання. Аналогічно, як в попередньому завданні!!!
Завдання 3. Логічний формат.
Теги логічного форматування
Тег |
Функція |
<BLOCKQUOTE> |
Відступ тексту від межі екрану |
<ACRONYM> |
Розшифровування абревіатур |
<CITE> |
Вказання цитати |
<CODE> |
Вказання фрагменту програмного коду |
<DEL> |
Позначення видаленої інформації |
<EM> |
Виділення курсивом |
<STRONG> |
Виділення жирним шрифтом |
H1-H6 |
Створення заголовків |
DFN |
|
<BLOCKQUOTE>…</BLOCKQUOTE> – дозволяє розміщувати текст на рівній відстані від меж екрана і створювати відступи ліворуч і праворуч.
Тег додає поля ліворуч і праворуч від тексту і дозволяє розташувати текст компактно у центрі сторінки. При використанні <BLOCKQUOTE> декілька разів текст дедалі більше стискається до центру.
!!!Тут мають бути всі веб-сторінки та їх коди, які відносяться до даного завдання. Аналогічно, як в попередньому завданні!!!
Завдання 4. Фізичний формат.