/ / HTML теги: верстка, програмування, оформлення

HTML теги: верстка, програмування, оформлення

Основним засобом при створенні веб-сторінокбудь-якого рівня складності є мова розмітки гіпертексту або Hypertext Markup Language (HTML). Всі конструкції мови називаються «HTML теги», які і визначають відображення тексту на сторінці і верстку всій html сторінки.

Навіщо потрібні HTML теги?Справа в тому, що будь-який документ, наявний на комп'ютері користувача, створений в будь-якої певної програми, і для його відкриття величезній більшості випадків потрібна саме та програма, в якій він був створений, або аналогічна.

З появою мережі Інтернет постало питання прокоректної передачі документів між комп'ютерами користувачів, кожен з яких може мати на своєму комп'ютері свій, унікальний набір встановлених програм. Більш того, самі платформи можуть відрізнятися - далеко не всі комп'ютери, підключені до Мережі, працюють під управлінням Windows. Таким чином, отриманий по Мережі документ цілком може бути недоступним конкретного користувача.

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

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

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

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

h2 {font-color: green}

А ось так буде визначено абзац, вирівняний по правому краю, на червоному тлі, синім текстом:

p {background-color: red; color: blue; text-alignment: right}

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

Крім того завжди потрібно мати на увазі, що вОстаннім часом намітилося явне поділ на «області», якого раніше не було, як не існувало і роздільного існування верстки, оформлення і програмної частини веб-сторінок.

При створенні серйозних сайтів використовуютьсятехнології, що трохи відрізняються від традиційних програм, що входять до складу пакета офісних документів. Навіть для створення простої веб-сторінки використовуються html теги.