ЩО таке теги і як ними користуватися

Інтернет заснований на html - мовою розмітки гіпертексту. Під «гіпертекстом» мається на увазі текст, що включає посилання. Саме проста можливість переходу з однієї сторінки на іншу, з одного сайту на другий перетворила комп`ютерні технології. Простота html досягається зручним інструментом розробника - тегами.

Теги в html

Теги в html - засіб семантичного (смислового) форматування, подання та зв`язку інформації. Будь тег повинен бути розташований між символами: lt; і>. Всі теги html розуміються більшістю існуючих браузерів. Стандартизацією і створенням нових тегів займається міжнародна організація W3C - там же можна дізнатися про всі існуючі тегах html. Теги можуть працювати лише всередині «головного» тега html-документа - HTML. Тегами HEAD і BODY web-сторінка розділяється на дві логічних частини. У HEAD можна вплинути на заголовок сторінки (відображається на вкладці браузера), BODY ж «відповідає» за весь смисловий контент сторінки.

Одиночні і парні теги

Всі теги html можна розділити на парні і одиночні. Одиночні теги використовуються лише тоді, коли парні використовувати безглуздо. Приміром, одиночним є тег BR, що представляє собою порожній рядок. Якщо ви пропишіть цей тег в html-коді, ви зможете побачити в браузері рядок-роздільник. Вона зазвичай використовується для відділення однієї групи інформації від іншої.

Парні теги використовуються для організації контенту. Текстова інформація, адреси файлів, посилання розміщуються між тегами P (абзац тексту), IMG (зображення), A (гіперпосилання).

Атрибути тега

Деякі теги мають спеціальні атрибути, що впливають на «поведінку» елемента. Деякі теги сучасної специфікації html5 дозволяють обійтися без необхідного раніше програмування для вирішення поширених завдань.

Наприклад, тег FORM (поле введення) має атрибут PLACEHOLDER, який заміщає текстове поле «тестової інформацією», підказками. Якщо веб-розробник захоче, щоб поле для введення імені не було порожнім, а виводило б приклад імені, він може присвоїти атрибуту PLACEHOLDER значення «Іванов Іван». Тоді в текстовому полі для введення імені виводитиметься «Іванов Іван» - до тих пір, поки користувач не переведе в це поле курсор. Напис при цьому пропаде, і він зможе ввести своє ім`я.

Зв`язок з CSS

Відносно новою технологією (у порівнянні з html) подання сайтів в інтернеті є CSS. За абревіатурою CSS «ховаються» каскадні таблиці стилів. До їх появи веб-майстри використовували для розділення сайту на логічно ясну структуру таблиці (тег TABLE). Тепер у творців сайтів з`явилася можливість все, що відноситься до подання сайту (включаючи розташування блоків), розміщувати у спеціальному стильовому css-файлі. Для підключення стильової таблиці до html-документу потрібно вказати в парному тезі LINK адресу файлу css на сервері.