Заглянем в интернет 👀
Там мы видим множество веб-сайтов каждый день (сейчас вы находитесь на одном из них). Каждый сайт (или веб-страница) существует в своем окне или вкладке браузера. Каждый сайт имеет разное наполнение, внешний вид и функциональность - за это отвечают веб-разработчики (верстальщики, программисты, дизайнеры и другие).
В этом марафоне вы научитесь основам верстки - еще не станете целым веб-разработчиком, но своими руками сверстаете первую веб-страницу и разместите ее в интернете. Так, чтобы каждый мог увидеть сделанный вами сайт
Любая веб-страница обычно состоит из трех основных частей:
Ваши брови могут подняться в удивлении: “Три языка? Это много!”. На самом деле, для создания самой простой веб-страницы вам понадобится лишь HTML. Почему? Потому что встроенные элементы HTML уже имеют свои встроенные стили (CSS) и поведение по умолчанию (JavaScript). И, несмотря на общепринятое мнение, сам HTML не является языком программирования.
<aside> 💡
HTML (HyperText Markup Language) - это язык для разметки веб-страницы.
</aside>
HTML-документы могут также содержать ссылки, которые позволяют пользователям переходить с одной страницы на другую или перемещаться по различным разделам внутри документа. Это предоставляет возможность создания веб-страниц с удобной навигацией и интерактивностью - именно так мы и переходим в интернете с одного сайта на другой или от одного товара к другому в каталоге интернет магазина
HTML почти всегда используется в сочетании с CSS и JavaScript, чтобы добавить свою собственную стилизацию и интерактивность на веб-страницах. Но так же может рабоатать и без них
HTML позволяет нам указать, как содержимое веб-страницы должно быть организовано и отображено в браузере. HTML использует “теги” (tags), небольшие готовые элементы веб-страницы. Например такие как заголовки, параграфы текста, списки, изображения, таблицы и тд.
У тегов есть свой синтаксис - правила написания и взаимодействия
Почти все теги в HTML являются парными и окружают с двух сторон ту часть контента, к которой они должны быть применены. Первый, открывающий, тег пишется без дополнительных символов, например так - <title>, а во втором, закрывающем, теге после первой скобки появляется знак «/» - вот так </title>