Hello World!

Hello World!

Coursme
7-9 мин
31 янв. 2024

Давайте создадим нашу первую страницу и выведем всем известный Hello World!

Создание вашей первой программы не так уж и сложно, как может показаться. Мы пошагово проведем вас через несколько этапов, чтобы сделать процесс максимально понятным и легким

Visual Studio Code

Для создания программы рекомендуется использовать редактор кода, и одним из наилучших вариантов является Visual Studio Code. Если вы еще не установили этот редактор, ознакомьтесь с нашим предыдушум уроком по установке (Подготовка к работе), чтобы перейти ко второму шагу.

Создайте файл index.html

Нажмите "File" (Файл) в верхнем левом углу.

Выберите "New File" (Новый Файл).

Назовите новую файл, например, "index.html", и нажмите Enter.

Напишите код Hello World в index.html

Откройте файл "index.html" и введите следующий код или просто скопируйте его у нас

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello World</title>
</head>

<body>
    <h1>Hello, World!</h1>
</body>

</html>  

Сохраните изменения

Нажмите "File" (Файл) в верхнем левом углу.

Выберите "Save" (Сохранить) или используйте сочетание клавиш Ctrl + S (Windows/Linux) или Cmd + S (Mac).

Откройте веб-браузер

Нажмите правой кнопкой мыши на файле "index.html".

Выберите "Open with" (Открыть с помощью) и выберите ваш любимый веб-браузер.

Результат:

Заключение

Поздравляю! Вы только что открыли дверь в мир веб-разработки, создав свою первую HTML страницу. Теперь, когда перед вами появилась надпись "Hello World", вы смело можете называть себя начинающим веб-разработчиком. Продолжайте увлекательное путешествие в изучении и создании веб-сайтов!

Назад
Следующий урок
Комментарии
Чтобы оставлять комментарии — надо авторизоваться
Комментариев еще нет
Будьте первым
Главная
Кабинет
Курсы
Меню