В даний час будь-який веб-програміст впевнено відповість на питання: HTML - що це за розширення? Але ж не всі є веб-програмістами. Напевно є люди, які не готові поки дати правильну відповідь на таке питання. Тому розглянемо пов`язані з цим поняття, так би мовити, з азів.

HTML - що це?

HTML (Hypertext Markup Language, мова розмітки гіпертексту) - це загальноприйнята мова для розмітки інтернет-документів (а не мова програмування!). За допомогою нього формуються практично всі веб-сторінки. Останні відрізняються від звичайних документів, що містять текст, інші елементи (зображення, таблиці), тим, що містять спеціальні дескриптори (теги), які необхідні, щоб текст був зрозумілий кожному браузеру. HTML-розширення (або HTM) є ознакою того, що файл належить до розряду веб-документів.

Теги HTML - це спеціальні інструкції, які містять інформацію про структуру та форматуванні веб-сторінки. Кожен тег включається в текст всередині кутових дужок lt;>. Майже всі теги є парними і містять відкриває і закриває частини, впливаючи на текст, вставлений всередині цих частин.

Приклади застосування дескрипторів HTML можна побачити, відкривши будь-яку веб-сторінку в режимі перегляду тегів. Для цього в меню браузера треба вибрати пункт "Вид" - "В виде HTML". Для деяких браузерів спрацьовують і гарячі клавіші: Ctrl + U, при натисканні яких в окремій вкладці браузера відкривається та ж сторінка в режимі, що дозволяє бачити HTML-коди.

З історії стандартів мови розмітки

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

До 1990 року навряд чи хто-небудь в світі правильно відповів би на питання: HTML - що це? Вперше документація по цій мові опублікована в 1991 році. Автор - фізик Тім Бернерс-Лі - придумав його як інструмент, що дозволяє перетворювати набір символів, який передається по мережі, в заголовки, посилання і абзаци. Незабаром ця мова стала стандартним для розмітки документів в Інтернеті.

У своєму розвитку він пройшов шлях від початкової редакції до HTML 5 і продовжує вдосконалюватися. У складі цієї мови є дескриптори як структури, так і форматування. Надалі взяли стандартну технологію CSS, яка передбачає виділення опису форматування в окремий CSS-файл, залишаючи для тегів HTML опис структури документа. В результаті частина дескрипторів перестала використовуватися.

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

Вона чітко регламентована і має містити кілька обов`язкових тегів. До таких належать:

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

Теги, які корисно знати

Функції общеупотребимих тегів повинні бути зрозумілі кожному копірайтер, додавання їх в текст можливо в будь-якому текстовому редакторі. Їх можна застосовувати при оформленні тексту, не маючи під рукою спеціального редактора. Загальновживаними, зокрема, є HTML-коди:

• абзац

  - для виділення абзацу.
• 
  текст
  - для перенесення тексту на наступний рядок.
• виділення жирним - для виділення напівжирним шрифтом.
• прописом -для виділення тексту прописом.
• анкор - для вставки будь-якого анкора - слова або об`єкта, який ініціює перехід по посиланню, заданої в тезі. Замість слова "анкор" пишете «ТУТ» або вводите будь-яке інше слово, фразу, об`єкт-замість слова "посилання" вставляєте адресу в Інтернеті, куди веде посилання.

• Заголовок

  - для виділення заголовка першого рівня.

• підзаголовок

  - то ж для заголовка 2-го рівня і т. д. до шостого рівня.

Як створити HTML-файл в звичайному редакторі

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

Редактори HTML

Практично всі фахівці користуються спеціальними HTML-редакторами. Найбільшою популярністю з них користуються Macromedia HomeSite і Dreamweaver MX. Вони дозволяють автоматизовано вводити багато теги, виділяти кольором текст і службові елементи коду, відразу переглядати в спеціальному вікні одержуваний результат. Але ці програми є платними.

Для новачка краще спочатку випробувати свої сили, користуючись вільно поширюваними редакторами. До найбільш популярним з них можна віднести Notepad ++, Komodo Edit, Aptana, Alaborn iStyle і KompoZer. Кожна з цих програм має свої переваги, надає користувачеві більші чи менші функціональні можливості, має свій інтерфейс. Для вибору відповідної саме вам треба спробувати працювати в кожній із них. Це легко можна реалізувати, оскільки за ці спроби не треба платити.

Крім зазначених програм-редакторів існують засоби візуального проектування (наприклад, HoTMetal Pro). При створенні веб-сторінок вони дозволяють абсолютно виключити необхідність ручного введення дескрипторів HTML. Однак такі програми видають в результаті занадто надлишковий код, обсяг якого значно перевищує необхідний мінімальний розмір. Крім того, часто потрібно ручна правка коду для його доведення до бажаної якості.

Ознайомлення з матеріалом цієї статті, сподіваємося, дозволить навіть починаючому користувачеві не сумніватися у відповіді на питання: HTML - що це?