Структура html-документа - студопедія

HTML-документ складається з двох частин: заголовок (head) і тіло (body), розташованих в наступному порядку:

Включення в документ заголовної частини не є обов'язковим. Завданням заголовка є подання необхідної інформації для браузера і сервера HTTP. Інформація, розміщена всередині заголовка документа, зазвичай не виводиться на екран (крім назви документа).

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

На відміну від заголовка, тіло документа є обов'язковим елементом, так як в ньому розташовується весь матеріал вашого документа (є лише один виняток, з яким ми познайомимося далі, - коли документ містить замість тіла групу фреймів). Тіло документа розміщується між тегами і . Все, що розміщено між цими тегами, інтерпретується браузером відповідно до правил мови HTML, що дозволяють коректно відображати сторінку на екрані монітора.

тег не тільки позначає початок вмісту документа, але і задає його основні властивості: колір фону, тексту і багато іншого. Ці властивості визначаються за допомогою атрибутів, які наведені в таблиці.

Йосип Бродський

Звідки до нас прийшла зима,

не знаєш ти, ніхто не знає.

Громада замовкла. Вона сама

холодних губ не розтискає.

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

Назва документа, що задається за допомогою тега , не виводиться на екран як частина документа. Щоб відобразити назву використовується один з тегів заголовка. Заголовки в типовому документі поділяються за рівнями. Мова HTML дозволяє задати шість рівнів заголовків: H1 (заголовок першого рівня), Н2, Н3, H4, Н5 і H6. Тема першого рівня має зазвичай більший розмір і насиченість в порівнянні з заголовком другого рівня.</p> <p><TITLE> заголовки

Тема 2 рівня

Тема 3 рівня

Тема 4 рівня

Тема 5 рівня

Тема 6 рівня

Пам'ятайте, що якщо ви забудете поставити закриває тег заголовка, вид сторінки буде спотворений: будь-який з тегів заголовка автоматично вставляє порожній рядок до і після себе.

Елементи фізичного форматування можуть бути вкладеними один в одного, хоча кінцевий результат залежить від браузера. При цьому потрібно уважно стежити, щоб один контейнер знаходився цілком у іншому контейнері, наприклад,

жирний і підкреслений текст

Крім перерахованих вище тегів у документі може використовуватися тег , дозволяє безпосередньо поставити розмір і колір шрифту. Елемент FONT представляє собою контейнер, т. Е. Вимагає як відкриває, так і закриває тегів, і сам може використовуватися всередині будь-якого іншого текстового контейнера.

Після стартового тега обов'язкова вказівка атрибутів, без яких елемент не робить ніякого впливу на текст, поміщений в контейнер.

Атрибут SIZE служить для вказівки розміру шрифту в умовних одиницях від 1 до 7. Вважається, що розмір "нормального" шрифту відповідає числу 3. Розмір може бути як абсолютною величиною (SIZE = 5), так і відносної (SIZE = + 2). У другому прикладі поточний розмір шрифту збільшується на 2.

Атрибут COLOR встановлює колір шрифту, який може бути заданий як у форматі RGB, так і зазначенням імені.

текст червоного кольору і

великого розміру

Незважаючи на те, що до складу HTML-документа входять самі різні компоненти, можна сказати, що гіпертекстові посилання - основа WWW. Якби Web-сторінки не посилалися один на одного, вміст Web перетворилося б в звичайний набір файлів, які пов'язані між собою.

фрагмент документа

Графічні покажчики, т. Е. Зображення-посилання, виділяються рамкою того ж кольору, що і текстові покажчики.

приклад

В даний час стандарти HTML підтримують теги для списків трьох різних видів: нумерованих (впорядкованих) маркованих (невпорядкованих) і списків визначень. Списки і елементи списків є блоковими елементами. Це означає, що перед ними і після них автоматично додаються порожні рядки.

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

Нумеровані (впорядковані) списки використовують, коли важливий порядок виведення елементів списку. Браузер автоматично вставляє номери елементів по порядку, в початковому HTML-тексті номера не друкуються. Якщо кількість елементів списку зміниться (в результаті видалення або додавання нових елементів), то нумерація автоматично оновиться.

Весь нумерований список укладається між парою тегів

і , а кожен елемент списку розташований між тегами

(Закриває тег може бути відсутнім).

Маркований (невпорядкований) список використовується для представлення колекції елементів, порядок виведення яких не важливий. При виведенні маркованих списків браузер автоматично вставляє спеціальні значки (маркери), які відзначають кожен елемент списку.

Маркований список починається стартовим тегом

і завершується тегом . Кожен елемент списку починається з тега

і завершується (необов'язковим) тегом