
- •Тема. Створення, публікація веб-ресурсів.
- •Поняття про мову html. Розмітка html-сторінки
- •Структура html-документа
- •Питання 2. Основні теги і атрибутиHtml.
- •Оформлення смислових частин сторінки абзацами.
- •Теги заголовків.
- •Використання списків в html.
- •Питанн 3. Теги для роботи з текстом, графічними об'єктами. Гіперпосилання
- •Робота з графікою в html.
Оформлення смислових частин сторінки абзацами.
<P>…</P> – тег розбиває текст на параграфи (абзаци).
<BR> – обриває рядок і починає новий.
<NOBR>…</NOBR> – забороняє перенос тексту на інший рядок.
<WBR>…</WBR> – дозволяє розривати довгі слова (наприклад, при виведенні довгих медичних термінів).
<!- - … - -> – тег коментарів. Текст розміщений в цьому тегі не відображається комп’ютером
Теги заголовків.
Зміна розміру шрифту. Горизонтальні лінії. Параметри вирівнювання тексту. Зміна зображення символів.
<Hn>…</Hn> – тег керує розміром символів в заголовках (1≤n≤6)
<BIG>...</BIG> – збільшує розмір шрифту на 10% в порівнянні з базовим.
<SMALL>…</SMALL> – зменшує розмір шрифту на 10% в порівнянні з базовим.
<PRE>…</PRE> – позначає фрагмент тексту форматування якого здійснено наперед. Зручно використовувати при виведенні програм на мовах програмування, при виведенні тексту, що містить спеціальні символи, в деяких випадках замінює тег <NOBR>…</NOBR>
<HR> – тег горизонтальної лінії, може бути засобом організації тексту і дизайну.
align=Left (Right, Center) – вирівнювання лінії на сторінці.
saze=n – товщина лінії в пікселях (1n175) за умовчанням 2 пікселі.
color=”колір” – колір|цвіт| лінії задається назвою кольору або 16-ковим кодом width=n% – ширина лінії у відсотках до ширини екрану.
noshade – атрибут без параметра, показує об'ємні лінії, встановлюється за умовчанням.
shade – атрибут без параметра показує контур лінії, якщо заданий колір, атрибут не працює.
<MARQUEE> ... </ MARQUEE > – рядок символів, що біжить.
bgcolor= колір – колір фону.
height= n – висота рядка в пікселях (k% – висота рядка у відсотках)
aling= ... – вирівнювання (top – по верхньому краю, middle – по центру, bottom – по нижньому краю).
direction= ... – напрям руху рядка (left, right).
behavior= ... – поведінка рядка (scroll – безперервний рух, slide – вийшла і зупинилася,alternate – реверс)
loop= . – кількість проходів рядка (значення: число).
scrollamount= . – швидкість руху рядка (значення: число).
scrolldelay= . – часовий інтервал між кроками в мілісекундах (значення: число), рядок може рухатися ривками.
Використання списків в html.
Списки в HTML бувають двох видів: впорядковані (пронумеровані) і невпорядковані (непронумеровані). Відрізняються вони лише способом оформлення. Перед пунктами невпорядкованих списків звичайно ставляться символи-Буллет (bullets), наприклад, точки, ромбики і т.п., в той час як пунктам впорядкованих списків передують їх номера.
Елементи:
UL Створює невпорядкований список
OL Створює впорядкований список
LI Створює пункт меню всередині елементів OL або UL
MENU, DIR Створює невпорядкований список, подібний UL
DL Відкриває і закриває список визначень
DT Створює термін у списку визначень всередині елемента DL
DD Створити визначення терміна всередині елемента DL
UL
Створює невпорядкований список. Між початковим і кінцевим тегами повинні бути присутніми один або кілька елементів LI, що позначають окремі пункти списку.
Приклад:
<UL>
<LI> Перший пункт списку
<LI> Другий пункт списку
<LI> Третій пункт списку
</ UL>
OL
Створює упорядкований список. Між початковим і кінцевим тегами повинні бути присутніми один або кілька елементів LI, що позначають окремі пункти списку.
Параметри:
START - визначає перше число, з якого починається нумерація пунктів. (Тільки цілі числа)
TYPE - визначає стиль нумерації пунктів. Може мати значення:
"A" - заголовні букви A, B, C ...
"A" - малі літери a, b, c ...
"I" - великі римські числа I, II, III ...
"I" - маленькі римські числа i, ii, iii ...
"1" - арабські числа 1, 2, 3 ...
За замовчуванням використовується TYPE = "1".
Приклад:
<OL TYPE="I" START="2">
<LI> Пункті два
<LI> Пункт три
<LI> Пункт чотири
</ OL>