Всем привет, в прошлой части этого курса мы узнали для чего нужны html и css, и установили Visual Studio Code. В этом уроке мы рассмотрим структур html кода, и научимся писать некоторые теги.
Для начало поймем что такое теги, теги есть парные и непарные теги, все теги заключаются в треугольные скобки - <тег>. Парные теги, имеют открывающие теги и закрывающие теги, <Открывающий_тег> </Закрывающий_тег>, непарные теги же имеют только один открывающий тег, теперь посмотрим как выглядит код.
<!DOCTYPE html>
<html>
<haed>
Голова сайта - То что пишется здесь не видно на сайте
</head>
<body>
Тело сайта - То что пишется здесь видно на сайте
</body>
</html>
Давайте перейдем к практике:
Создайте папку под каким хотите названием:
После, нажмите на нее правой кнопкой мыши и нажмите "Открыть с помощью Code"
После открытия Visual Studio Code, наведите на название папки и нажмите на изображение создания файла
Создайте файл и дайте ему имя: index.html:
Также создайте и файл: style.css
После чего перепишите этот код в файл index.com:
Не забывайте нажимать Ctrl + S, для сохранения проекта.
Зайдите в папку, с вашими папками и откройте файл index.html, у вас откроется браузер, и вы увидите примерно такое:
Это потому что, body у нас пустой, а значит и сайт пустой.
Хотели бы поставить свое название?
Добавьте между тегами head, открывающий и закрывающий тег title, как на фото
И внутрь него, напишите как вы хотите видеть название сайта.
После чего у вас должно измениться название вкладки.
Если у вас ничего не изменилось, проверьте сохранили ли вы проект.
Теперь напишите с новой строки что то в body(Между открывающим и закрывающим тегом) после чего то что вы написали должно появиться на сайте.
Теперь домашнее задание попробуйте заключить текст в парный тег <h1><h2><h3><h4><h5> и <h6>
Посмотрите что получится.
