📌HTML (HyperText Markup Language) – язык разметки, который используется для создания веб-страниц.📌
📌Структура HTML-документа:📌
<!DOCTYPE html>
<html>
<head>
<title>Название страницы</title>
</head>
<body>
<h1>Заголовок</h1>
<p>Абзац текста</p>
</body>
</html>
📌Основные теги:📌
<html> – главный тег документа.
<head> – заголовочная часть страницы.
<title> – заголовок вкладки браузера.
<body> – основное содержимое страницы.
<h1>…<h6> – заголовки (от <h1> – самый крупный, <h6> – самый мелкий).
<p> – абзац / параграф.
<br> – перенос строки.
Списки в HTML
📌Списки бывают:📌
- Нумерованные списки (ordered list) –
<ol>. - Маркированные списки (unordered list) –
<ul>. - Элементы списка –
<li>.
<ol>
<li>Первый элемент</li>
<li>Второй элемент</li>
</ol>
Гиперссылки и изображения
📌Гиперссылка (ссылка на другой сайт или страницу):📌<a href="https://example.com">Текст ссылки</a>
📌Добавление изображения:📌<img src="image.jpg" alt="Описание изображения">
Таблицы в HTML
📌Структура таблицы (пример):📌
<table>
<tr>
<th>Заголовок 1</th>
<th>Заголовок 2</th>
</tr>
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</table>
📌Основные теги:📌
<table> – создаёт таблицу.
<tr> – строка таблицы.
<th> – заголовок таблицы.
<td> – ячейка таблицы.
📌Атрибуты:📌
colspan – объединяет ячейки по горизонтали.
rowspan – объединяет ячейки по вертикали.
Формы и элементы управления
📌Форма в HTML:📌
<form action="submit.php" method="post">
<input type="text" name="username" placeholder="Введите имя">
<button type="submit">Отправить</button>
</form>
📌Основные теги:📌
<form> – создаёт форму.
<input> – поле ввода.
<button> – кнопка.
<label> – метка.
<textarea> – текстовое поле.
Мультимедиа (видео и аудио)
📌Добавление видео:📌
<video src="video.mp4" controls autoplay></video>
📌Добавление аудио:📌
<audio src="audio.mp3" controls></audio>
Форматирование текста
📌Теги для оформления:📌
<b> – жирный текст.
<i> – курсив.
<u> – подчёркнутый.
<strong> – важный текст (семантически важнее <b>).
<em> – выделенный текст (семантически важнее <i>).