В даний час будь-який веб-програміст впевнено відповість на питання: HTML - що це за розширення? Але ж не всі є веб-програмістами. Напевно є люди, не готові поки дати правильну відповідь на таке питання. Тому розглянемо пов 'язані з цим поняття, так би мовити, з азів.
HTML - що це?
HTML (Hypertext Markup Language, мова розмітки гіпертексту) - це загальноприйнята мова для розмітки інтернет-документів (а не мова програмування!). За допомогою нього формуються практично всі веб-сторінки. Останні відрізняються від звичайних документів, що містять текст, інші елементи (зображення, таблиці), тим, що містять спеціальні дескриптори (теги), які необхідні, щоб текст був зрозумілий будь-якому браузеру. HTML-розширення (або HTM) є ознакою того, що файл належить до розряду веб-документів.
Теги HTML - це спеціальні інструкції, які містять інформацію про структуру та форматування веб-сторінки. Кожен тег включається в текст всередині кутових дужок < >. Майже всі теги є парними і містять відкриваючу і закриваючу частини, впливаючи на текст, вставлений всередині цих частин.
Приклади застосування дескрипторів HTML можна побачити, відкривши будь-яку веб-сторінку в режимі перегляду тегів. Для цього в меню переглядача треба вибрати "Вигляд" - "У вигляді HTML". Для деяких браузерів спрацьовують і гарячі клавіші: Ctrl + U, коли ви натиснете на окремій вкладці переглядача, відкривається та сама сторінка в режимі, що дозволяє бачити HTML-коди.
З історії стандартів мови розмітки
Існують різні версії HTML. Мова постійно вдосконалюється, тому майже щорічно виходить її нова версія. Різні веб-переглядачі (програми для перегляду сторінок HTML) розроблені різними компаніями і різняться в інтерпретації окремих тегів та їх підтримці. В результаті один і той же HTML-код відображається різними браузерами по-своєму, а деякі браузери взагалі не розуміють окремі теги.
До 1990 року навряд чи хтось у світі правильно відповів би на питання: HTML - що це? Вперше документація з цієї мови опублікована в 1991 році. Автор - фізик Тім Бернерс-Лі - придумав його як інструмент, що дозволяє перетворювати набір символів, що передається по мережі, на заголовки, посилання та абзаци. Незабаром ця мова стала стандартною для розмітки документів в Інтернеті.
У своєму розвитку він пройшов шлях від початкової редакції до HTML 5 і продовжує вдосконалюватися. У складі цієї мови є дескриптори як структури, так і форматування. Надалі прийняли стандартну технологію CSS, яка передбачає виділення опису форматування в окремий CSS-файл, залишаючи для тегів HTML опис структури документа. В результаті частина дескрипторів перестала використовуватися.
Структура документа HTML
Вона чітко регламентована і повинна містити кілька обов 'язкових тегів. До таких належать:
- Тег <! DOCTYPE > - тип документа та його характеристики.
- Теги < HTML > </HTML > - позначають початкову та кінцеву межі документа.
- Теги < head > </head > - обмежують службову секцію документа, яка містить вказівки переглядачам, пошуковим роботам, а також посилання на файли, скрипти.
- Теги < meta/> для введення інструкцій переглядачам і пошуковим роботам.
- Теги < title > </title > - вказують головний заголовок документа, його видно лише у верхній вкладці вікна переглядача.
- Теги < body > </body > обмежують видиму частину документа.
Теги, які корисно знати
Функції загальновживаних тегів повинні бути зрозумілі будь-якому копірайтеру, додавання їх до тексту можливе в будь-якому текстовому редакторі. Їх можна застосовувати при оформленні тексту, не маючи під рукою спеціального редактора. Загальновживаними, зокрема, є HTML-коди:
- < р > абзац </р > для вибору абзацу.
- < br > текст < br/> - для перенесення тексту на наступний рядок:
- < b > виділення жирним </b > - для виділення жирним шрифтом.
- < i > прописом </i > для вибору тексту.
- < a href = "" посилання "" > анкор </a > - для вставлення будь-якого анкора - слова або об 'єкта, що ініціює перехід за посиланням, визначеним у тезі. Замість слова "" анкор "" пишете "ТУТ" або вводите будь-яке інше слово, фразу, об 'єкт; замість слова "" "посилання" "вставляєте адресу в Інтернеті, куди веде посилання.
- < h1 > Заголовок </h1 > - для вибору заголовка першого рівня.
- < h2 > Підзаголовок </h2 > - те саме для заголовка 2-го рівня тощо до шостого рівня.
Як створити HTML-файл у звичайному редакторі
Веб-сторінку (тобто HTML-файл) можна набрати в будь-якому редакторі тексту (наприклад, у Блокноті). Але всі теги доведеться набирати вручну. Гідність такого методу - абсолютно мінімізований код. Недоліки - потрібне добре знання мови гіпертекстової розмітки і неможливість відразу подивитися результати своєї праці. Тому такий метод годиться тільки для створення найпростіших веб-сторінок.
Редактори HTML
Практично всі фахівці користуються спеціальними HTML-редакторами. Найбільшою популярністю з них користуються Macromedia HomeSite і Dreamweaver MX. Вони дозволяють автоматизовано вводити багато тегів, виділяти кольором текст і службові елементи коду, відразу переглядати в спеціальному вікні отримуваний результат. Але ці програми платні.
Для новачка краще спочатку випробувати свої сили, користуючись вільно поширюваними редакторами. До найбільш популярних з них можна віднести Notepad++, Komodo Edit, Aptana, Alaborn iStyle і KompoZer. Кожна з цих програм має свої переваги, надає користувачеві більші або менші функціональні можливості, має свій інтерфейс. Для вибору підходящої саме вам треба спробувати працювати в кожній з них. Це легко здійсненно, оскільки за ці спроби не треба платити.
Крім зазначених програм-редакторів існують засоби візуального проектування (наприклад, HoTMetal Pro). При створенні веб-сторінок вони дозволяють абсолютно виключити необхідність ручного введення дескрипторів HTML. Однак такі програми видають в результаті занадто надлишковий код, обсяг якого значно перевищує необхідний мінімальний розмір. Крім того, часто потрібна ручна правка коду для його доведення до бажаної якості.
Ознайомлення з матеріалом цієї статті, сподіваємося, дозволить навіть користувачеві-початківцю не сумніватися у відповіді на запитання: HTML - що це?