Skip to content

Введение

Что такое HTML?

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

Пример простейшей HTML-страницы

Создадим и изменим файл index.html:

index.html
html
<!doctype html>
<html lang="ru">
    <head>
        <meta charset="UTF-8" />
        <title>Моя первая страница</title>
    </head>
    <body>
        <h1>Привет, мир!</h1>
        <p>Это мой первый HTML-документ.</p>
        <a href="https://markusfx.ru">Перейти по ссылке</a>
    </body>
</html>
  • <html> - корневой элемент HTML-документа;
    • <head> - метаданные (заголовок страницы, кодировка и т.д.);
    • <body> - основное содержимое страницы;
      • <h1> - заголовок первого уровня;
      • <p> - абзац текста;
      • <a> - гиперссылка;

Откроем файл index.html в браузере:

Элементы и теги

Вся HTML-страница состоит из тегов - ключевых слов в угловых скобках < >, которые обозначают элементы (заголовки, абзацы, изображения и т.д.).

Элементы могут иметь открывающий и закрывающий тег. Например:

index.html
html
<div>Привет</div>

Элементы также могут состоять из одного тега. Например:

index.html
html
<br />

Атрибуты

Каждый элемент внутри открывающего тега может иметь атрибуты. Например:

index.html
html
<div style="color:red;">Привет</div>
  • style="color:red;" - это атрибут.

Также существуют булевые (логические) атрибуты. Например:

index.html
html
<input type="button" value="Нажать" disabled />
  • disabled - булевый атрибут.