HTML (HyperText Markup Language) - это язык разметки, используемый для создания веб-страниц. Ниже представлены основные теги HTML:
<html>
Корневой элемент HTML-документа. Содержит весь контент страницы.
<html>
<head>...</head>
<body>...</body>
</html>
<head>
Содержит метаинформацию о документе: заголовок, ссылки на стили, скрипты и т.д.
<head>
<title>Мой сайт</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
Содержит видимый контент веб-страницы: текст, изображения, ссылки и т.д.
<body>
<h1>Заголовок</h1>
<p>Абзац текста</p>
</body>
<h1>-<h6>
Заголовки разных уровней. <h1> - самый важный, <h6> - наименее важный.
<h1>Главный заголовок</h1>
<h2>Подзаголовок</h2>
<h3>Меньший заголовок</h3>
<p>
Определяет абзац текста.
<p>Это первый абзац.</p>
<p>Это второй абзац.</p>
<a>
Создает гиперссылку на другую веб-страницу или ресурс.
<a href="https://example.com">Посетите Example.com</a>
<img>
Вставляет изображение на страницу.
<img src="image.jpg" alt="Описание изображения">
<div>
Контейнер для группировки элементов и применения стилей.
<div class="container">
<p>Текст внутри контейнера</p>
</div>
<span>
Контейнер для небольшого фрагмента текста или inline-элементов.
<p>Это <span style="color:red">красный</span> текст.</p>
<ul> и <li>
Создают неупорядоченный (маркированный) список.
<ul>
<li>Первый пункт</li>
<li>Второй пункт</li>
</ul>
<ol> и <li>
Создают упорядоченный (нумерованный) список.
<ol>
<li>Первый пункт</li>
<li>Второй пункт</li>
</ol>
<table>, <tr>, <td>
Создают таблицу. <table> - таблица, <tr> - строка, <td> - ячейка.
<table>
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</table>
<form> и <input>
Создают форму для ввода данных пользователем.
<form action="/submit" method="post">
<input type="text" name="username">
<input type="submit" value="Отправить">
</form>
<style>
Определяет CSS-стили для документа.
<style>
body { background-color: lightblue; }
h1 { color: navy; }
</style>
<script>
Определяет или подключает JavaScript код.
<script>
alert('Привет, мир!');
</script>