Не хвилюйтеся! У наступних розділах ми детально розглянемо кожен тег окремо та його відповідні атрибути. Зараз ми просто знайомимося з будівельними блоками HTML.

Теги

• Теги використовуються для визначення елементів у HTML-документі;

• Вони укладені в кутові дужки < > і йдуть парами, складаючись з відкриваючого тегу ( <tag> ) та закриваючого тегу ( </tag> );

• Вміст між відкриваючим та закриваючим тегами визначає елемент;

• Приклад: <p> є відкриваючим тегом для елемента абзацу, а </p> є закриваючим тегом.

Елементи

• Елемент - це комбінація відкриваючого тегу, вмісту та закриваючого тегу;

• Разом відкриваючий та закриваючий теги визначають межі елемента;

• Елементи можуть містити текст, інші елементи або обидва;

• Приклад: <p>This is a paragraph element.</p> представляє елемент абзацу з вмістом "Це елемент абзацу".

Атрибути

• Атрибути надають додаткову інформацію про елемент;

• Вони вказуються у відкриваючому тегі елемента і записуються у вигляді пар name="value" ;

• Атрибути змінюють поведінку або зовнішній вигляд елемента;

• Приклад: У <img src="image.jpg" alt="Image"/> , src та alt є атрибутами. src вказує джерело (URL) зображення, а alt надає альтернативний текст для зображення.

Підсумок