|
|
@@ -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 (язык программирования для взаимодействия с пользователем).
|
