Навіщо потрібні теги

Навіщо потрібні теги

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

Інструкція

Мови розмітки гіпертексту визначають, як буде відображатися веб-сторінка в браузері. Розміщення тексту, картинок і гіперпосилань задають теги. Найчастіше веб-сторінки створюються за допомогою HTML — стандартного мови розмітки в інтернеті.

Як правило, використовуються парні теги — відкриваючий і закриваючий, проте бувають і одиночні. У HTML імена тегів полягають в кутові дужки.

Є кілька обов’язкових тегів, без яких веб-сторінка просто не відкриється. Наприклад, парний тег <html> </ html> повинен стояти на початку і наприкінці коду веб-документа. Тег <head> </ head> зберігає службову інформацію про документ, а між мітками <body> і </ body> знаходиться все корисне вміст сторінки.

Щоб сторінка відображалася коректно, необхідно дотримуватися черговість відкриття і закриття тегів, тобто їх вкладеність: <тег1> <тег2> <тег3> </ тег3> </ тег2> </ тег1>

<html>

<head>

<title> Це я, нова сторінка </ title>

</ Head>

<body>

Корисна інформація на сторінці

</ Body>

</ Html>

Одиночний тег <br> переносить текст на інший рядок, а <p> визначає відступ рядка (абзац).

У тегів можуть бути атрибути (властивості) з додатковими можливостями форматування тексту. Наприклад, атрибут color може змінити колір шрифту або фону:

<font color=»# f0f0a7″> html — це круто </ font>

Колір фону задається в теге <body>:

<body bgcolor=»# f0f0a7″>

Значення атрибута повинно полягати в лапки.

Щоб зрозуміти, як виглядає розмітка гіпертексту, клацніть правою клавішею миші по тексту, який ви зараз читаєте. У спадному меню вибирайте команду «Вихідний код сторінки», «Перегляд коду сторінки» або «Перегляд HTML-коду», залежно від вашого браузера.