Что такое HTML? Часть 1

Я начинаю курс по HTML (HyperText Markup Language) — это язык разметки, который описывает структуру веб-страниц.Что же это такое: простыми словами, он отвечает за то, как текст, изображения и ссылки будут выглядеть на вашем сайте.
Эпизод 1

Инструменты для старта

Чтобы создать сайт, вам понадобятся:

  • Текстовый редактор:Для новичков подойдут, например, Notepad++ или Visual Studio Code.
  • Браузер:Любой современный браузер (Google Chrome, Firefox и т.д.).

Основы HTML: шаг за шагом

1. Создайте HTML-файл

  • Откройте текстовый редактор.
  • Сохраните файл с расширением .html. Например: index.html.
Шаг 1 - запускаем текстовый редактор
Шаг 1 - запускаем текстовый редактор
Выбрать пункт: "Сохранить как..."
Выбрать пункт: "Сохранить как..."
Шаг 3 - здесь пишем, например: index.html - всё готово!
Шаг 3 - здесь пишем, например: index.html - всё готово!

Эпизод 2

2. Базовая структура страницы

Вставьте в вашу созданную страичку следующий код:

Что такое HTML? Часть 1

<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Мой первый сайт</title>

</head>

<body> <h1>Добро пожаловать на мой сайт!</h1>

<p>Этот сайт создан для практики в HTML.</p>

</body>

</html>

Объяснение кода:

  • <!DOCTYPE html> — указывает браузеру, что используется HTML5. (Элемент <! DOCTYPE> указывает тип текущего документа — DTD (document type definition, описание типа документа))
  • <html> — корневой элемент страницы.
  • <head> — здесь содержатся настройки страницы (например, название).
  • <body> — всё, что видит пользователь на странице.
    Продолжение следует!
11
Начать дискуссию