HTML_Городный.md 4.0 KB

# HTML HTML (HyperText Markup Language) – это язык разметки гипертекста, который используется для создания структуры веб-страниц. С помощью HTML вы можете определять заголовки, абзацы, списки, таблицы и другие элементы, которые составляют основу любого сайта. В этой статье мы рассмотрим основы HTML и научимся создавать простые веб-страницы.

Основные теги

Каждый элемент в HTML обозначается тегами. Тег состоит из имени элемента, заключенного в угловые скобки. Например: Image На этом примере видно, что каждый элемент имеет открывающий (tag) и закрывающий (/tag) теги. Исключение составляют некоторые пустые элементы, такие как br (перенос строки).

Структура документа

Любая HTML-страница начинается с тега html, внутри которого находятся два основных раздела: head и body.

  • head: Содержит метаданные страницы, такие как название страницы (title), ссылки на стили и скрипты.
  • body: Здесь размещается основное содержимое страницы, которое будет отображаться в браузере.

Заголовки

Заголовки используются для обозначения важности текста. В HTML существует шесть уровней заголовков от h1 до h6. Самый важный заголовок – это h1, а самый незначительный – h6. Image

Абзацы

Для разделения текста на логические части используются абзацы. Каждый абзац заключается в тег p. Image

Списки

В HTML есть два типа списков: нумерованные и маркированные.

  • Нумерованный список создается с помощью тега ol (ordered list). Элементы списка обозначаются тегом li.

Image

  • Маркированный список создается с помощью тега ul (unordered list). Элементы также обозначаются тегом li.

Image

Изображения

Чтобы вставить изображение на страницу, используется тег img. Этот тег является пустым элементом, поэтому у него нет закрывающего тега. Атрибут src указывает путь к изображению.

  • img src="images/my_image.jpg" alt="Описание изображения"

Атрибут alt содержит альтернативный текст, который будет показан, если изображение не загрузится.

Таблицы

Таблица в HTML создается с помощью тега table. Внутри таблицы располагаются строки (tr), ячейки данных (td) и заголовки столбцов (th). Image

Заключение

HTML – это основа всех веб-страниц. Освоив базовые теги, вы сможете создавать простые сайты. Однако для более сложных проектов потребуется знание CSS (таблиц стилей) и JavaScript (язык программирования для взаимодействия с пользователем).