Думаете ли вы, когда открываете браузер, что то, из чего состоит сайт – это текстовый файл. И что HTML – это простыми словами язык, который служит фундаментом всему вебу, от простых блогов до масштабных электронных коммерческих площадок. Давайте разбираться, как создать веб-страницу с нуля, вооружившись лишь вашей креативностью и знанием HTML-разметки.

На чём пишут сайты?

Прежде чем ответить на вопрос, как начать писать сайты, важно понять на чем их пишут. В основном используют следующие способы:

  1. код HTML для сайта. Подробнее о нем можно узнать, заглянув в HTML справочник.
  2. CSS. Таблицы стилей, определяющие внешний вид элементов HTML.
  3. JavaScript добавляет интерактивность и динамику на сайт.

А если вас интересует, как узнать на чем написан сайт, то это тоже очень просто. Просмотрите исходный код веб-страницы, нажав правой кнопкой мыши и выбрав "Просмотреть код" или "Исследовать элемент" в браузере. В этом коде вы увидите использованные языки программирования. Кроме того, многие браузеры предоставляют инструменты разработчика, которые позволяют анализировать структуру и код веб-страницы, включая использованные языки и технологии.

Элементы веб страницы: как создать HTML страницу

Чтобы создать сайт на HTML – нужно создать файл и добавить к нему все необходимые элементы. Перечислим основные составляющие структуры сайта HTML:

  • тип документа <!DOCTYPE html>;
  • начало документа <html>;
  • метаинформация о документе <head>;
  • содержимое страницы <body>.

Добавление заголовков, абзацев, списков, изображений и других элементов контента внутри тега <body>.

<h1>Заголовок первого уровня</h1>

<p>Это абзац текста.</p>

<ul>

    <li>Элемент списка 1</li>

    <li>Элемент списка 2</li>

</ul>

<img src="image.jpg" alt="Описание изображения">

Это основы структуры, которые есть в каждом .HTML файле. Они помогут вам начать создавать свои собственные веб-страницы. Каждый элемент имеет свою уникальную роль в определении структуры и содержимого страницы, так что теперь у вас есть представление о том, как создать HTML файл.

Простой сайт на HTML: примеры кода

Перед вами пример простого сайта на HTML с комментариями, который поможет новичкам лучше понять структуру HTML кода:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="description" content="Пример простого сайта на HTML">

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

</head>

<body>

    <!-- Шапка сайта -->

    <header>

        <h1>Добро пожаловать!</h1>

        <nav>

            <ul>

                <li><a href="#home">Главная</a></li>

                <li><a href="#about">О нас</a></li>

                <li><a href="#contact">Контакты</a></li>

            </ul>

        </nav>

    </header>

    <!-- Подвал сайта -->

    <footer>

        <p>&copy; 2024 Мой первый сайт</p>

    </footer>

</body>

</html>

Сюда можно было бы добавить HTML border и сделать сайт еще более практичным. Но мы остановились на основных элементах. Новичкам будет полезно изучить этот код, чтобы понять, как структурировать свои собственные HTML страницы.

Подробнее о том, что такое HTML – вы можете узнать в Компьютерной школе Hillel. Максимум пользы за минимальное время.

По материалам: https://itwiki.dev/ru