Теоретична частина, визначення html як мови розмітки, структура html документа, основні
Визначення HTML як мови розмітки
HTML (від англ. HyperText Markup Language - "мова розмітки гіпертексту") - стандартна мова розмітки документів у Всесвітній павутині. Більшість веб-сторінок створюються за допомогою мови HTML (або XHTML). Мова HTML інтерпретується браузерами і відображається у вигляді документа в зручній для людини формі.
HTML є додатком ( "окремим випадком") SGML (стандартної узагальненої мови розмітки) і відповідає міжнародному стандарту ISO 8879. XHTML ж є додатком XML.
Структура HTML документа
Зазвичай HTML-документ - це файл з розширенням .html або .htm, в якому текст розмічений HTML-тегами (англ. Tag - спеціальні вбудовані вказівки). Засобами HTML задаються синтаксис і розміщення тегів, відповідно до яких браузер відображає вміст Веб-документа. Текст самих тегів Веб-браузером не відображається.
Документ HTML містить текст (вміст сторінки) і вбудовані теги - інструкціями про структуру, зовнішній вигляд і функції вмісту. Документ HTML розділяється на дві основні частини: заголовок - head і тіло - body. Тема містить такі відомості про документ, як його назва та методична інформація, що описує вміст. У тілі знаходиться саме вміст документа (те, що виводиться у вікні браузера).
Приклад структури документа:
header
paragraph
Основні елементи HTML
Тег - елемент мови розмітки гіпертексту. Більш правильна назва - дескриптор. Використовують тільки два тега - відкриває, або початковий, і закриває, або кінцевий, або ще додатково в залежності від реалізації мови можливе застосування одиночного тега і тега порожнього елемента. Наприклад, тег відступу абзацу може оформляти абзац між
, а може в одиночній формі до наступного першого-ліпшого
.
Приклад порожнього елемента:
- розрив тексту без збереження відступів, але ви можете використовувати спеціальну форму записи тега, використовуючи меншу кількість символів:
Кожен тег складається з імені, за яким може слідувати список необов'язкових атрибутів, всі вони знаходяться всередині кутових дужок <>. Вміст дужок ніколи не виводиться у вікні браузера. Ім'я тега, як правило, являє собою абревіатуру його функції, що полегшує його запам'ятовування. Атрибути є властивостями, які розширюють або уточнюють функцію тега. Як правило, ім'я та атрибути всередині тега не чутливі до регістру. Однак значення певних атрибутів можуть бути чутливі до регістру. Це відноситься, зокрема, до імен файлів і URL.
Більшість тегів є контейнерами. Це означає, що у них є початковий (що відкриває або стартовий) і кінцевий (що закриває) теги. Текст, що знаходиться між тегами, буде виконувати містяться в них інструкції.
Кінцевий тег має те ж ім'я, що і початковий, але перед ним стоїть слеш (/). Його можна розглядати як "вимикач" тега. Кінцевий тег ніколи не містить атрибутів.
Деякі теги не мають завершальних тегів, тому що вони використовуються для розміщення окремих (автономних) елементів на сторінці. Одним з них є тег зображення . Він просто поміщає графіку в потік сторінки. Інші автономні теги - це розрив рядка (
), Горизонтальна лінія (
) І теги, що містять інформацію про документ і не впливають на вміст, що виводиться на екран, такі як і
Атрибути додаються в тег для розширення або модифікації його дій. До одного тегу можна додати кілька атрибутів. Якщо атрибути тега слідують після імені тега, вони розділяються одним або декількома пропусками. Порядок проходження не важливий. Більшість атрибутів мають значення, які слідують за знаком рівності (=), що перебуває після імені атрибута. Довжина значень обмежена 1024 символів. Значення можуть бути чутливі до регістру. Іноді значення повинні перебувати в лапках (подвійних або одинарних). Правила запису значення наступні:
· Якщо значення являє собою одне слово або число і складається тільки з букв (a-z), цифр (0-9) і спеціальних символів (точка <.> або дефіс <->), То можна помістити його після знаку рівності без лапок;
· Якщо значення містить декілька слів, розділених комами або пробілами, або містить спеціальні символи, відмінні від крапки або дефіса, тоді його необхідно помістити в лапки. Наприклад, URL вимагають лапок, тому що вони містять символи ": //". Також лапки необхідні при завданні значень кольорів з використанням формату "#rrggbb".
В теги HTML можуть поміщатися інші HTML-теги для здійснення впливу декількох тегів на один елемент. Це називається вкладенням. Щоб правильно його здійснити, початковий і кінцевий теги вкладеного тега повинні обов'язково знаходитися між початковим та кінцевим тегами зовнішнього тега.
· Розриви рядків. Символи кінця рядків в документі HTML ігноруються. Текст і елементи будуть переноситися доти, поки в потоці тексту документа не зустрінеться тег <р> або
. Розриви рядків виводяться, якщо текст позначений як текст із заданим форматом (<рrе>);
· Символи табуляції і множинні прогалини. Коли браузер зустрічає в документі HTML символ табуляції і декілька послідовних символів пробілу, він виводить тільки один пробіл. Таким чином, якщо документ містить: "far, far away", браузер виведе "far, far away". Додаткові пробіли можна додати в текстовий потік, використовуючи символ нерозривного пробілу (). Крім того, всі прогалини виводяться, якщо текст є форматованим (знаходиться в тегах <рrе>);
· множинні <р>-теги. послідовність тегів <р>, не переривати текстом, всіма браузерами інтерпретується як надлишкова. Вміст буде виводитися так, як якщо б був тільки один тег <р>. Більшість браузерів виведе декілька тегів
у вигляді декількох переходів на новий рядок;
· Нераспознаваемой теги. Якщо браузер не розуміє тег або той був невірно заданий, то браузер його просто ігнорує. Залежно від тега і браузера це може привести до різних результатів. Або браузер нічого не виведе, або він може відобразити вміст тега як звичайний текст.