Основы HTML: первая веб-страница

HTML (HyperText Markup Language — язык разметки гипертекста) не язык программирования, а язык разметки, описывающий структуру страницы. Браузер читает HTML-файл и рисует страницу на экране. Файл пишут в обычном текстовом редакторе (Блокнот, VS Code) и сохраняют с расширением .html, например index.html; его можно открыть в браузере двойным щелчком.

HTML состоит из тегов. Тег записывается в угловых скобках, у многих тегов есть открывающий и закрывающий (</...>) тег: <p>Salom</p>. Часть между открывающим и закрывающим тегом называется элементом. Теги можно вкладывать друг в друга, но закрывать нужно в правильном порядке. В открывающем теге может быть атрибут: <html lang="uz">.

У каждой страницы одинаковая структура: <!DOCTYPE html> указывает тип документа, <html> охватывает всю страницу, в <head> находятся служебные сведения о странице (<title> — название на вкладке браузера, <meta charset="utf-8"> — кодировка), а в <body> — всё, что видит пользователь.

Основные теги для текста: от <h1> до <h6> — заголовки (h1 самый крупный), <p> — абзац, <br> — переход на новую строку, <b> — жирный и <i> — курсивный текст. Для списков используют <ul> (маркированный) или <ol> (нумерованный), а каждый пункт записывают в <li>. Комментарий имеет вид <!-- комментарий --> и на странице не виден. После изменений страницу нужно обновить в браузере (F5).

Главное

• HTML — язык разметки, описывающий структуру страницы.
• Документ состоит из частей <html>, <head> и <body>.
• Теги открываются и закрываются: <p>…</p>; атрибут пишется в открывающем теге.
• Заголовки — <h1>–<h6>, абзац — <p>, списки — <ul>/<ol> и <li>.