Презентація "Вставка зображень в html-документ"

Вставка зображення в HTML-документ. Списки

План. Зображення в html-документах. Списки.

Вставка зображенняВирівнювання зображень. Задається параметром ALIGN тегу {5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}Значення параметра ALIGNДія параметраtop. Верхня межа зображення вирівнюється по найвищому елементу поточного рядкаtexttop. Верхня межа зображення вирівнюється по найвищому текстовому елементу поточного рядкаmiddle. Вирівнювання середини зображення по базовій лінії поточного рядкаabsmiddle. Вирівнювання середини зображення посередині поточного рядкаbaseline або bottom. Вирівнювання нижньої межі зображення по базовій лінії поточного рядкаabsbottom. Вирівнювання нижньої межі зображення по нижній межі поточного рядкаleft. Зображення притискається до лівого поля вікна. Текст обтікає зображення з правого бокуright. Зображення притискається до правого поля вікна. Текст обтікає зображення з лівого боку

Розміри зображення. Задається параметрами width (ширина) height (висота) тегу в пікселях або відсотках. Відділення зображення від тексту. Задається параметрами hspace (відступ по горизонталі) vspase (відступ по вертикалі) тегу в пікселях. Рамки навколо зображень. Зображення можна помістити в рамку різної товщини, яка задається параметром border тегу в пікселях. Альтернативний текст. Альтернативний текст до зображення визначає параметр alt тегу .

Приклад:

Види списків в HTML-документах. Список може мати заголовок, який охоплюють тегами …. Маркований список (ненумерований).

В тезі

може використовуватися параметр type для надання різного виду маркерів:disc – маркери відображаються зафарбованими кругами,circle – маркери відображаються незафарбованими кругами,square – маркери відображаються зафарбованими квадратими. Графічні маркери списку. В якості маркерів списку можна використовувати графічні зображення. Тут можна взагалі обійтися без тегів
• . Достатньо буде перед кожним елементом списку вставити бажане графічне зображення. Єдиною задачею, яку необхідно буде розв’язати, буде відділення елементів списку один від одного. Для цього можна використати теги абзацу

  , вимушеного переведення рядка
  .

Приклад реалізації списку:

Знаки повітряної стихії:Близнюки
Терези
Водолій

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

можуть бути вказані наступні параметри: type і start. Параметр type використовується для означення виду нумерації списку. Може приймати наступні значення: A – задає маркери у вигляді великих латинських літер,a – задає маркери у вигляді малих латинських літер,I – задає маркери у вигляді великих римських літер,1 – задає маркери у вигляді арабських цифр. Параметр start тегу
дозволяє почати нумерацію списку не з одиниці. В якості значення параметру start завжди потрібно вказувати натуральне число, не залежно від виду нумерації. Приклад запису:
. Приклад:
1. Перший член
2. Другий член
3. Третій член

Списки означень (тлумачення). Списки означень задаються за допомогою тега-контейнера

. В середині контейнера тегом

відмічається термін, а тегом

– абзац з його означенням. Приклад:

HTML

Hyper. Text Markup Language

WWW

World Wide Web

Вкладені списки. Мова HTML не допускає автоматичну багаторівневу нумерацію списків. Тому при штучному створенню багаторівневого списку необхідно дотримуватися акуратності. Приклад HTML-документа з вкладеними списками:

Супутники деяких планет
• Земля
1. Місяць
• Марс
  1. Фобос
  2. Деймос

До наступної пари!!!style.colorfillcolorfill.type