0
Середа
січ 01

Базові теги HTML

UserGeyv
UserGeyv

HTML (HyperText Markup Language) - це мова розмітки, яка використовується для створення веб-сторінок. Основні теги HTML допомагають структурувати та форматувати контент на веб-сторінці. Ось кілька базових тегів, з яких починається будь-який веб-документ:

1. <html>

Цей тег є кореневим елементом HTML-документа. Він вказує, що документ написаний мовою HTML.

html
<html><!-- Весь HTML-код знаходиться всередині цього тега --></html>

2. <head>

Елемент <head> містить мета-інформацію про документ, таку як заголовок сторінки, підключення стилів та скриптів.

html
<head><title>Моя перша веб-сторінка</title></head>

3. <title>

Тег <title> встановлює назву документа, яка відображається у вкладці браузера.

html
<title>Моя перша веб-сторінка</title>

4. <body>

Тег <body> містить основний контент веб-сторінки, який відображається у вікні браузера.

html
<body><!-- Основний контент сторінки знаходиться тут --></body>

5. <h1> - <h6>

Теги заголовків від <h1> до <h6> використовуються для позначення заголовків різного рівня.

html
<h1>Заголовок першого рівня</h1><h2>Заголовок другого рівня</h2>

6. <p>

Тег <p> використовується для створення абзаців тексту.

html
<p>Це абзац тексту.</p>

7. <a>

Тег <a> створює гіперпосилання. Атрибут href задає адресу посилання.

html
<a href="https://example.com">Перейти на Example</a>

8. <img>

Тег <img> використовується для вставки зображень. Атрибут src задає шлях до зображення, а атрибут alt - альтернативний текст.

html
<img src="image.jpg" alt="Опис зображення">

9. <ul>, <ol>, <li>

Теги <ul> та <ol> використовуються для створення ненумерованих та нумерованих списків відповідно. Тег <li> позначає елемент списку.

html
<ul><li>Елемент списку</li><li>Ще один елемент списку</li></ul><ol><li>Перший елемент списку</li><li>Другий елемент списку</li></ol>

10. <div> та <span>

Теги <div> та <span> є контейнерними елементами. <div> використовується для блочного контенту, а <span> - для рядкового.

html
<div><span>Рядковий елемент</span><p>Блочний елемент</p></div>

Це основні теги HTML, які допоможуть вам розпочати створення веб-сторінок.



Поширити
Схожі публікації
DataLife Engine v15.2 NULLED
DataLife Engine v15.2 NULLED
27-01-2024, 19:12