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 теги.

Поділися в соц мережах: