Как сделать сайт

Недавно(2 месяца назад) задался вопросом, как сделать сайт. И долго искал в интернете подходящий ответ, ну вот начитавшись я решил написать об этом.

Как сделать сайт HTML, Создание сайта, Интересное, Длиннопост

Так вот, под сайтом есть код, который вам покажется страшным, но это пока. Если вы не видели этот код, то зайдите с компа на любой сайт и нажмите F12. Я покажу как это работает в Google.

Как сделать сайт HTML, Создание сайта, Интересное, Длиннопост

Так приступим к написанию кода. Код сайта состоит из тегов, и они бывают двух видов: закрывающиеся и открывающиеся 🙀😭. Если вы не понимаете, то не бойтесь, сейчас я всё объясню!

Как сделать сайт HTML, Создание сайта, Интересное, Длиннопост

Вот код для рассмотрения:

Как сделать сайт HTML, Создание сайта, Интересное, Длиннопост

Это ОБЯЗАТЕЛЬНАЯ основа кода!

Рассмотрим код, всё начинается с </!DOCTYPE HTML>, он указывает на то что файл с кодом используется для сайта.
Дальше идёт тег <html>, он открывающийся, потому что в нём нет
/(слеша), а в конце тег </html>, который закрывающийся. Без него сайт может не прочесть код внутри.

Внутри главного тега html, есть head и body. Head, это то что не видно на странице, а body, это то что видно, например изображения и текст:

Как сделать сайт HTML, Создание сайта, Интересное, Длиннопост

В этом посте мы начнём разбираться с body. А в следующем мы выложим в интернет ваш первый сайт😼👑.
Вот например мой сайт: https://html5meister.github.io

Как сделать сайт HTML, Создание сайта, Интересное, Длиннопост

Вот код сайта который я писал)
Там куча разных тегов! В тег body добавляются ещё теги, в которые можно добавить ещё), но мы посмотрим на теги для текста:
p, h1, h2, h3. Первый p обозначает параграф, h1 и остальные, это виды заголовков и их всего 6. Чем больше число, тем меньше шрифт заголовка!
Вот мы написали текст:

Как сделать сайт HTML, Создание сайта, Интересное, Длиннопост

И посмотрели как это выглядит:

Как сделать сайт HTML, Создание сайта, Интересное, Длиннопост

И заметили что как-то всё однообразно! Давайте добавим изображение.
В этом нам поможет тег img:
<img src="путь к изображению">

Как сделать сайт HTML, Создание сайта, Интересное, Длиннопост

Вот мы и заканчиваем первый урок, ждите второй, а я прощаюсь с вами)