|
|
@@ -0,0 +1,39 @@
|
|
|
+# **HTML**
|
|
|
+*HTML (HyperText Markup Language) – это язык разметки гипертекста, который используется для создания структуры веб-страниц. С помощью HTML вы можете определять заголовки, абзацы, списки, таблицы и другие элементы, которые составляют основу любого сайта. В этой статье мы рассмотрим основы HTML и научимся создавать простые веб-страницы.*
|
|
|
+
|
|
|
+## Основные теги
|
|
|
+Каждый элемент в HTML обозначается тегами. Тег состоит из имени элемента, заключенного в угловые скобки. Например:
|
|
|
+
|
|
|
+На этом примере видно, что каждый элемент имеет открывающий (tag) и закрывающий (/tag) теги. Исключение составляют некоторые пустые элементы, такие как br (перенос строки).
|
|
|
+
|
|
|
+## Структура документа
|
|
|
+Любая HTML-страница начинается с тега html, внутри которого находятся два основных раздела: head и body.
|
|
|
+
|
|
|
+* head: Содержит метаданные страницы, такие как название страницы (title), ссылки на стили и скрипты.
|
|
|
+* body: Здесь размещается основное содержимое страницы, которое будет отображаться в браузере.
|
|
|
+
|
|
|
+## Заголовки
|
|
|
+Заголовки используются для обозначения важности текста. В HTML существует шесть уровней заголовков от h1 до h6. Самый важный заголовок – это h1, а самый незначительный – h6.
|
|
|
+
|
|
|
+
|
|
|
+## Абзацы
|
|
|
+Для разделения текста на логические части используются абзацы. Каждый абзац заключается в тег p.
|
|
|
+
|
|
|
+## Списки
|
|
|
+В HTML есть два типа списков: нумерованные и маркированные.
|
|
|
+* Нумерованный список создается с помощью тега ol (ordered list). Элементы списка обозначаются тегом li.
|
|
|
+
|
|
|
+
|
|
|
+* Маркированный список создается с помощью тега ul (unordered list). Элементы также обозначаются тегом li.
|
|
|
+
|
|
|
+
|
|
|
+## Изображения
|
|
|
+Чтобы вставить изображение на страницу, используется тег img. Этот тег является пустым элементом, поэтому у него нет закрывающего тега. Атрибут src указывает путь к изображению.
|
|
|
+* img src="images/my_image.jpg" alt="Описание изображения"
|
|
|
+
|
|
|
+Атрибут alt содержит альтернативный текст, который будет показан, если изображение не загрузится.
|
|
|
+## Таблицы
|
|
|
+Таблица в HTML создается с помощью тега table. Внутри таблицы располагаются строки (tr), ячейки данных (td) и заголовки столбцов (th).
|
|
|
+
|
|
|
+## Заключение
|
|
|
+HTML – это основа всех веб-страниц. Освоив базовые теги, вы сможете создавать простые сайты. Однако для более сложных проектов потребуется знание CSS (таблиц стилей) и JavaScript (язык программирования для взаимодействия с пользователем).
|
