HTML. Текст, списки презентация

HTML (HyperText Markup Language – Мова розмітки гіпертексту) – стандартна мова розмітки документів у WWW; система верстки, яка визначає, як і які елементи повинні розміщатися на веб-сторінці. HTML є похідною мовою від SGML, успадкувавши від неї визначення типу документу та ідеологію структурної розмітки тексту.
мова означає, що вона може бути прочитана як людиною, так і комп’ютером;
розмітка означає, що код пишеться з допомогою ключових слів;
гіпертекст означає, що він використовує HTTP як частину Інтернет.
Мова HTML була розроблена британським вченим Тімом Бернерсом-Лі приблизно в 1991-1992 роках в Європейському інституті ядерних досліджень в Женеві. HTML створювалась як мова для обміну науковою та технічною документацією, придатна для використання людьми, які не є спеціалістами в області верстки.

Тег – це елемент мови розмітки гіпертексту, в основному для задання того, як буде відображатися текст (сторінка).
Загальний синтаксис написання тегів:
<тег атрибут1="значення" атрибут2="значення">
<тег атрибут1="значення" атрибут2="значення">...
Н.:
Google
Теги бувають двох типів: одинарні і парні (контейнери). Одинарний тег використовується самостійно, а парні можуть містити всередині себе інші теги (вкладені) або текст. Парні теги вимагають закриваючого тегу.
При написанні тегів можна використовувати як великі так і малі літери. Вміст тегу можна відображати в декількох рядках.
Грає роль порядок тегів. Закриваючі теги: обов’язкові, необов’язкові, не потрібні.

Для розширення можливостей деяких елементів застосовуються атрибути.
Є два типи атрибутів: атрибут зі значенням і логічний атрибут, у якого немає значення.
Атрибути пишуться всередині відкриваючого тега, декілька атрибутів розділяються пробілом, їх порядок значення не має.
Згідно специфікації HTML всі значення атрибутів слід записувати в подвійних або одинарних лапках.
Кожен атрибут для одного тегу повинен бути єдиним і не може повторюватись. У атрибута може бути тільки одне значення. При заданні значень атрибутів слід дотримуватися правильних типів (текст, число, шлях до файлу...)
Універсальні атрибути class, id, lang, style, title та ін.
Невідомі теги і атрибути (або невірно написані) будуть браузером проігноровані і текст буде відображатися так, ніби тег не був написаний.
Довільна кількість пробілів, які написані підряд, в браузері відображається як один. Текст займає всі ширину вікна браузера.

Структура HTML-документа:
…
…
... – вказують на те, що Web-сторінка створена засобами HTML;
... – початок і кінець заголовка документа. Крім назви документа в цей розділ може включатися службова інформація;
...
– все, що знаходиться між тегами
і
, сприймається браузером як назва документа. Відображається в рядку заголовка браузера. Рекомендується назва не довше 64 символів.
... – початок і кінець тіла HTML-документа, яке визначає вміст документа.

...
–
...
– описують заголовки шести різних рівнів. Заголовок 1-го рівня – найкрупніший, 6-го рівня – найдрібніший
...
– все, що знаходиться між ними, сприймається як один абзац.
– встановлює переведення рядка в тому місці, де цей тег знаходиться. На відміну від тегу абзацу
, використання тегу
не додає пустий відступ перед рядком.
...
– текст відображається з постійною шириною символу, не пропускає пропуски, табуляції і перенесення рядків, залишаючи текст таким, яким він був відформатований раніше.
…
– перетворює текст між тегами у нижній індекс.
…
– перетворює текст між тегами у верхній індекс.
Н.:
H
2
SO
4
...
– для наведення цитат, характерний збільшеним відступом зі всіх сторін (40 рх зліва і справа).
або ­ – вказує браузеру місце, де можна зробити перенесення слова в тексті. Різниця в тому, що ­ додає при переносі дефіс, а
– ні.

Спецсимволи
< знак «менше»
> знак «більше»
" подвійна лапка
& амперсанд
нерозривний пробіл
­ м’яке перенесення слів
– вказує, що послідовність символів є абревіатурою. З допомогою атрибуту title дається росшифровка скорочення. Крім того, пошукові системи індексують повнотекстовий варіант скорочення, що може використовуватись для підвищення рейтингу документа.
Н.:
Я купила
CD
.
– для задання горизонтальної лінії.

Списки
В html є три види списків:
– ненумеровані (невпорядковані, марковані);
– нумеровані (впорядковані);
– списки визначень.
Ненумерований список:
перший елемент списку
другий елемент списку
третій елемент списку
...
За замовчуванням маркером ненумерованого списку виступає круг чорного кольору. Для зміни маркера використовується атрибут type, який може приймати значення:
disc (чорний круг), square (квадрат) і circle (коло).
Параметр type можна записувати як в тегу
для задання певного маркера для всього списку, так і для тегу
для задання даного маркера.

Нумерований список
перший елемент списку
другий елемент списку
третій елемент списку
...
Атрибут type задає тип нумерації:
type=“1” – тип нумерації арабськими цифрами: 1, 2, 3...
type=“a” – тип нумерації латинськими буквами: а, b, c...
type=“A” – тип нумерації латинськими буквами верхнього регістру: A, B, C...
type=“I” – тип нумерації римськими цифрами нижнього регістру: i, ii, iii, iv...
type=“I” – тип нумерації римськими цифрами верхнього регістру I, II, III, IV...
Щоб почати список з певного значення, використовується атрибут start з відповідним номером.
Н.: