Що таке Теги в HTML?

Щоб браузер при відображенні документа розумів, що має справу не з простим текстом, а з елементом форматування і використовуються теги. Загальний синтаксис написання тегів наступний.

<тег атрибут1="значення" атрибут2="значення">
<тег атрибут1="значення" атрибут2="значення">...</тег>

<тег атрибут1="значення" атрибут2="значення">
<тег атрибут1="значення" атрибут2="значення">...</тег>

Як видно з даного прикладу, теги бувають двох типів — одиночні та парні (Контейнери). Одиночний тег використовується самостійно, а парний може включати в собі інші теги або текст. У тегів допустимі різні атрибути, які розділяються між собою пропуском. Втім, є теги без жодних додаткових атрибутів. Умовно атрибути можна поділити на обов'язкові, вони обов'язково повинні бути присутніми, та необов'язкові, їх додавання залежить від мети застосування тега.

У прикладі 3.1 показаний типовий HTML-документ з тегами та текстом.

Приклад 3.1. Теги у документі

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Lorem ipsum</title>
   </head>
   <body>
     <p>Lorem ipsum dolor sit amet consectetuer cursus pede pellentesque
       vitae pretium. Tristique mus at elit lobortis libero Sed vestibulum ut
       eleifend habitasse. Quis Nam Mauris adipiscing Integer ligula dictum
       sed at enim urna. Et scelerisque id et nibh dui tincidunt Curabitur faucibus
       elit massa. Tincidunt et gravida Phasellus eget parturient faucibus tellus
       at justo sollicitudin. Mi nulla ut adipiscing.</p>
    </body>
</html>

<!DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <metahttp-equiv="content-type"content="text/html; charset=utf-8">
    <title>Lorem ipsum</ title>
   </head>
   <body>
     <p>Lorem ipsum dolor sit amet consectetuer cursus pede pellentesque
       vitae pretium. Tristique mus at elit lobortis libero Sed vestibulum ut
       eleifend habitasse. Quis Nam Mauris adipiscing Integer ligula dictum
       sed at enim urna. Et scelerisque id et nibh dui tincidunt Curabitur faucibus
       elit massa. Tincidunt et gravida Phasellus eget parturient faucibus tellus
       at justo sollicitudin. Mi nulla ut adipiscing.</p>
    </body>
</html>

У цьому прикладі використовується одиночний тег <meta>, а парних тегів відразу кілька: <html>, <head>, <title>< /span>, <body> та <p>.