7 Створення списків за допомогою html

Досить часто виникає необхідність в створенні списків. Списки використовуються в основному для структуризації інформації. Краса автоматичного створення списків в тому, що при його редагуванні відбувається автоматична нумерація (або маркіровка), яку не треба виправляти уручну. В термінах текстових редакторів існує декілька видів списків: ненумерований (по-іншому — маркірований), нумерований і багаторівневий. У мові HTML є ще один тип списку, який ви навряд чи знайдете в текстових редакторах: список визначень.

Список визначень

Цей список задає послідовність термінів і їх описів. Так створюються глосарії і подібні до них списки. Елемент DL (Definition List) задає список термінів, тобто весь список визначень цілком повинен розташовуватися між тегами <DL> і </DL>. Усередині самого списку виділяють ще два елементи DT (Definition Term) і DD (Definition Determination). Перший задає сам термін, визначення якому треба дати, другий задає визначення цього терміну.

Нумерований список

Даний список є переліком, "пронумерованим" якимось чином. Нумерація може йти звичним способом, тобто за допомогою арабських цифр 1,2,3 і так далі або ж за допомогою букв або цифр римського алфавіту. Нумерований список задається елементом OL (Ordered List), тобто весь список повинен розташовуватися між тегами <OL> і </ОL> . Пункти самого списку задаються елементом LI (List Item).

Приклад:

<OL>

<LI > Пункт 1</LI >

<LI > Пункт 2</LI >

<LI > Пункт 3</LI >

</OL>

Закриваючий тег для елементу LI не є обов'язковим, і його можна опустити в HTML-коді, на відображення списку у вікні браузеру це впливу не зробить.

При цьому браузер сам створить необхідну нумерацію. Атрибут type задає тип нумерації. Якщо значення не задане, то за умовчанням використовується нумерація арабськими цифрами. Доступні наступні варіанти нумерації:

• type = "А" — заголовні латинські букви, тобто А, В, С...

• type= " а" — прописні латинські букви, тобто а, b, с...

• type= " I " — великі римські цифри, тобто I, II, III.. .

• type= " i" — малі римські цифри, тобто i, ii, iii...

• type= " 1" — стандартні арабські цифри (значення за умовчанням) 1,2,3....

Ненумерований список

Цей список створюється аналогічно нумерованому, але замість головного елементу використовується елемент UL (Unordered List). Приклад:

<UL>

<LI> Пункт 1</LI>

<LI> Пункт 2</LI>

<LI> Пункт 3</LI>

</UL>

Типів маркерів можна міняти за допомогою атрибуту type, який може набувати наступних значень:

• type= "disc " — маркер у вигляді закрашеного круга (значення за умовчанням);

• type= "circle " — маркер у вигляді порожнього круга;

• type= "square " — маркер у вигляді закрашеного квадрата.

У прикладі із списками магазинів використовувався маркірований список з маркерами у вигляді квадратів.

8 Шрифти та їх властивості css

Властивість font-family

Ця властивість задає гарнітуру шрифту. Як ви вже знаєте, всі шрифти (гарнітура — синонім поняття "шрифту") діляться на декілька груп, або сімейств.

• Serif — шрифти із зарубками, такі як Times New Roman. Подібним шрифтом набраний основний текст цієї книги.

• Sans-serif— шрифти рубані, без зарубок, наприклад Arial, Verdana або Tahoma. Подібним шрифтом в цій книзі набрані заголовки.

• Monospace — моноширинні шрифти (з однаковою відстанню між символами, на кшталт друкарської машинки), такі як Courier New. Такий шрифт використаний в цій книзі для набору HTML-кода.

• Cursive — шрифти курсивні, такі як Calisto МТ.

Властивість font-style

Властивість задає стиль шрифту. Допускаються значення:

• normal — звичайний;

• oblique — похилий;

italic — курсивний.

Властивість font-variant

За допомогою цієї властивості можна вказати варіант написання букв з двох можливих: звичайний (normal) або малі прописні букви (small-caps). Малі прописні букви відрізняються від звичайних прописних злегка зменшеним розміром, тобто вони є чимось середнім між рядковими і прописними буквами. Малі прописні букви можна використовувати, наприклад, для виведення текстів заголовків.

Властивість font-weight

Ця властивість визначає насиченість шрифту; з його допомогою можна вказати, чи повинен він бути звичайним або жирним. Як значення допускаються наступні числа: 100, 200, 300, 400, 500, 600, 700, 800, 900. Треба сказати, що браузери не підтримують все дев'ять можливих відтінків насиченості.

Властивість font-size

Дана властивість дозволяє вказати розмір використовуваного шрифту. Робити це можна декількома способами, але слід пам'ятати про ті обмеження, які вони за собою спричиняють. Але про все по порядку.

Як ви пам'ятаєте, в HTML розмір шрифту задавався за допомогою атрибуту size елементу FONT. Розмір вказувався в чисельному вираженні від 1 до 7. Значенням за умовчанням є 3.