Если вы не видели начало курса то начинайте читать с этой статьи
И я приветствую всех в 1 части статьи посвященной языку программирования HTML. В прошлой части мы установили редактор кода и весь необходимый софт.
И так приступим. Я сейчас не много расскажу о самом языке, постараюсь как можно проще. На этом языке написаны все сайты, к примеру яндекс дзен написан на html, но в нём также есть элементы CSS и Java Script (Их мы изучим позже). В общем без html не обходится не один сайт. Вот здесь можно всё очень подробно прочитать про html.
Ну приступим.... Открываем Visual Studio Code. Открываем наш файлик, который мы создали мы прошлом уроке. Переходим на английский язык и нажимаем комбинацию клавиш Shift и цифру 1, далее Enter
И видим такое
Тут трогать в основном ничего не надо
Ну, приступим:
В html бывают 2 типа тегов - парные и непарные, к примеру, этот тег парный < p ></ p >,а этот - нет < img src = "" alt = "" >
Теперь подробнее о каждом. Парный тег имеет открывающую часть <p> а, закрывающий отличается только что в нём есть slash </p>.
Непарный имеет только открывающую часть < img src = "" alt = "" > как этот.
1 тег который мы узнаем будет обозначать заголовок верхнего уровня <h1></h1> вот он они бывают шести типов от h1 до h6. И следующий тег он тоже парный <p></p>, он означает параграф и, как вы поняли, он тоже парный. Изучим последний тег и уже напишем страницу и этот тег будет непарным < img src = "" alt = "" > вот он.
Теперь отточим свои умения. Напишем сайт где будет 1 заголовок верхнего уровня <h1> .заголовок <h2> параграф <p>, и 1 картинка напишите про что вы хотите я буду писать про Cessna 172 (это самолёт)
И как добавить фото на сайт смотрите эти 2 видео
И 2 способ
И ещё, в visual studio code в верхней панели надо выбрать file и поставить галочку на против, если у вас её нет Auto save
Всё, теперь можете писать код
Потом открываете с помощью Live Server
Так получилось у меня.
Вот мой код
Вот наша 1 статья по HTML подходит к концу. Я надеюсь, что у вас всё получилось, а если нет - то пишите в комментарии свои проблемы, вместе их разберем.