), ссылки на стили и скрипты. * <body>: Здесь размещается основное содержимое страницы, которое будет отображаться в браузере. ## Заголовки Заголовки используются для обозначения важности текста. В HTML существует шесть уровней заголовков от <h1> до <h6>. Самый важный заголовок – это <h1>, а самый незначительный – <h6>. ![](https://sun9-50.userapi.com/impg/_9CXqRbVfKHQqImOKM7H19IoxtXqxcc8r68Z7Q/ebvLf4OEwcg.jpg?size=1176x111&quality=95&sign=4b9d4c005c2e2e69b751127c7907ea27&type=album) ## Абзацы Для разделения текста на логические части используются абзацы. Каждый абзац заключается в тег <p>. ![](https://sun9-49.userapi.com/impg/FPr0G5kkKQ3J2c5V6_CQr60jpA9nRQ2DN0vs_g/qXudEhkRW2w.jpg?size=1009x55&quality=95&sign=d7dc44b430f2d287f24c89cde8ccbeb2&type=album) ## Списки В HTML есть два типа списков: нумерованные и маркированные. * Нумерованный список создается с помощью тега <ol> (ordered list). Элементы списка обозначаются тегом <li>. ![](https://sun9-60.userapi.com/impg/KnOD62Kk0iarnfI6oO6rJkuvni95o5C8_PtGJQ/87BGUqs8i7Y.jpg?size=1234x117&quality=95&sign=fca64140cfb3820771f1ebaac87882f8&type=album) * Маркированный список создается с помощью тега <ul> (unordered list). Элементы также обозначаются тегом <li>. ![](https://sun9-14.userapi.com/impg/1iONJa6tzSPaeu72hrlwkjXdtsswW0RIne9MPA/yZdCU-piGcs.jpg?size=1257x140&quality=95&sign=32f52b847966de6f8e3fd9e81f8d5c4b&type=album) ## Изображения Чтобы вставить изображение на страницу, используется тег <img>. Этот тег является пустым элементом, поэтому у него нет закрывающего тега. Атрибут src указывает путь к изображению. * <img src="images/my_image.jpg" alt="Описание изображения"> Атрибут alt содержит альтернативный текст, который будет показан, если изображение не загрузится. ## Таблицы Таблица в HTML создается с помощью тега <table>. Внутри таблицы располагаются строки (<tr>), ячейки данных (<td>) и заголовки столбцов (<th>). ![](https://sun9-8.userapi.com/impg/3xoNFcnrbIG78RkjCd4h2ROkemgqt2eyEmQpmA/VZG-7atlrHY.jpg?size=1254x311&quality=95&sign=b346a4f8674dba1b8759b4c57cd11fa9&type=album) ## Заключение HTML – это основа всех веб-страниц. Освоив базовые теги, вы сможете создавать простые сайты. Однако для более сложных проектов потребуется знание CSS (таблиц стилей) и JavaScript (язык программирования для взаимодействия с пользователем).

# **HTML** *HTML (HyperText Markup Language) – это язык разметки гипертекста, который используется для создания структуры веб-страниц. С помощью HTML вы можете определять заголовки, абзацы, списки, таблицы и другие элементы, которые составляют основу любого сайта. В этой статье мы рассмотрим основы HTML и научимся создавать простые веб-страницы.* ## Основные теги Каждый элемент в HTML обозначается тегами. Тег состоит из имени элемента, заключенного в угловые скобки. Например: ![](https://sun9-29.userapi.com/impg/7gOvJvdzsKOmEqcqn144yyIyic1fSf07rbGhhA/RkNuPJQ88ss.jpg?size=1229x195&quality=95&sign=14e47f2433b99377c48bdcf7fafaf433&type=album) На этом примере видно, что каждый элемент имеет открывающий () и закрывающий () теги. Исключение составляют некоторые пустые элементы, такие как
(перенос строки). ## Структура документа Любая HTML-страница начинается с тега , внутри которого находятся два основных раздела: и . * : Содержит метаданные страницы, такие как название страницы (), ссылки на стили и скрипты. * <body>: Здесь размещается основное содержимое страницы, которое будет отображаться в браузере. ## Заголовки Заголовки используются для обозначения важности текста. В HTML существует шесть уровней заголовков от <h1> до <h6>. Самый важный заголовок – это <h1>, а самый незначительный – <h6>. ![](https://sun9-50.userapi.com/impg/_9CXqRbVfKHQqImOKM7H19IoxtXqxcc8r68Z7Q/ebvLf4OEwcg.jpg?size=1176x111&quality=95&sign=4b9d4c005c2e2e69b751127c7907ea27&type=album) ## Абзацы Для разделения текста на логические части используются абзацы. Каждый абзац заключается в тег <p>. ![](https://sun9-49.userapi.com/impg/FPr0G5kkKQ3J2c5V6_CQr60jpA9nRQ2DN0vs_g/qXudEhkRW2w.jpg?size=1009x55&quality=95&sign=d7dc44b430f2d287f24c89cde8ccbeb2&type=album) ## Списки В HTML есть два типа списков: нумерованные и маркированные. * Нумерованный список создается с помощью тега <ol> (ordered list). Элементы списка обозначаются тегом <li>. ![](https://sun9-60.userapi.com/impg/KnOD62Kk0iarnfI6oO6rJkuvni95o5C8_PtGJQ/87BGUqs8i7Y.jpg?size=1234x117&quality=95&sign=fca64140cfb3820771f1ebaac87882f8&type=album) * Маркированный список создается с помощью тега <ul> (unordered list). Элементы также обозначаются тегом <li>. ![](https://sun9-14.userapi.com/impg/1iONJa6tzSPaeu72hrlwkjXdtsswW0RIne9MPA/yZdCU-piGcs.jpg?size=1257x140&quality=95&sign=32f52b847966de6f8e3fd9e81f8d5c4b&type=album) ## Изображения Чтобы вставить изображение на страницу, используется тег <img>. Этот тег является пустым элементом, поэтому у него нет закрывающего тега. Атрибут src указывает путь к изображению. * <img src="images/my_image.jpg" alt="Описание изображения"> Атрибут alt содержит альтернативный текст, который будет показан, если изображение не загрузится. ## Таблицы Таблица в HTML создается с помощью тега <table>. Внутри таблицы располагаются строки (<tr>), ячейки данных (<td>) и заголовки столбцов (<th>). ![](https://sun9-8.userapi.com/impg/3xoNFcnrbIG78RkjCd4h2ROkemgqt2eyEmQpmA/VZG-7atlrHY.jpg?size=1254x311&quality=95&sign=b346a4f8674dba1b8759b4c57cd11fa9&type=album) ## Заключение HTML – это основа всех веб-страниц. Освоив базовые теги, вы сможете создавать простые сайты. Однако для более сложных проектов потребуется знание CSS (таблиц стилей) и JavaScript (язык программирования для взаимодействия с пользователем).