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

Основні поняття HTML

Керуючі конструкції HTML (Hyper Text Markup Language) називаються тегами (дескрипторами) і вставляються безпосередньо в текст документа. Усі теги полягають у кутові дужки. Відразу після відчиняючої дужки міститься ключове слово, що визначає тег, наприклад

Teги HTML бувають парними та непарними. Непарні теги впливають на весь документ або визначають разовий ефект у тому місці, де вони вставлені. При використанні парних тегів до документа додаються теги, що відкривають і закривають, які впливають на частину документа, укладену між ними. Закриваючий тег відрізняється від символу "/", що відкриває наявністю, перед ключовим словом (

До тега, що відкриває, може бути доданий атрибут, що являє собою додаткові ключові слова, що відокремлюються від ключового слова, що визначає тег, і від інших атрибутів пробілами і розміщуються до завершального тег символу ">". Спосіб застосування деяких атрибутів потребує вказівки значення атрибуту. Значення атрибута відокремлюється від ключового слова атрибута символом "=" і полягає у лапки.

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

Існує два способи формування документів HTML.

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

Відтворення документа HTML виконується програмами - броузерами, наприклад Internet Explorer.

Найпростіший правильний документ HTML, що містить усі теги, що визначають структуру, виглядає так:

Заголовок документа Текст документа

Тут використані ключові слова:

HTML - початок та кінець документа HTML;
HEAD - початок і кінець розділу заголовка;
TITLE - початок та кінець загального заголовка документа;
BODY – початок та кінець тіла документа.

Більшість елементів мови HTML описує частини змісту документа і розміщуються між тегами та (структурний елемент BODY).

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

. У Web-документі вони відображаються різним шрифтом.

Звичайні абзаци задаються за допомогою парного тега

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

сприймається як необов'язковий. Мається на увазі, що він стоїть перед тегом, який задає черговий абзац. Якщо текст містить символ кінця рядка, при відтворенні в броузері він розглядається як простий пробіл. Для переходу на інший рядок використовується непарний тег . Як обмежувач абзаців може використовуватися горизонтальна лінійка, що задається тегом , наприклад:

Цей тег задає горизонтальну лінійку висотою в 10 пікселів, що займає половину ширини вікна та розташовану праворуч.

Гіпертекстові посилання

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

Абсолютні URL слід використовувати у всіх випадках, коли ви посилаєтеся на документи іншого сервера в Internet.

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

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

При включенні до Web-сторінки гіперпосилань враховуйте такі рекомендації.

Основні дескриптори для організації посилань та форматування тексту показані у таблиці.