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