Как понять, что ты выучил html?



Html отвечает за структуру сайта. Благодаря этой технологии мы говорим, что вот тут находится заголовок страницы с таким-то содержанием. А вот здесь форма ввода имени пользователя.



Также благодаря современным браузерам html дает возможность реализовать определенную логику без javascript.



Просто пример — валидация ввода пользователя в форму. Можно указать желаемый тип данных: phone, email, number, date. И браузер сам проверит валидность введенных данных.



Но таких возможностей немного. Да и гибкости в реализации все-таки больше при использовании javascript.



В общем, html — это код, который используется для структурирования и отображения веб-страницы и её контента



Основная концепция, которую надо знать — это теги.



Html элемент состоит из:

1) Открывающего тега — <h1>

2) Контента Hello World

3) Закрывающего тега — </h1

4) У html элемента еще может быть атрибут, который указывается в открывающемся теге - <h1 class='heading'>



Получается html элемент — <h1 class='heading'>Hello World</h1>.



И это, друзья, все что нужно знать про html =)



Да, есть разные элементы под разные задачи: списки, ссылки, формы и т.д.



Не нужно ставить целью изучить все теги. Нужно научиться их применять в зависимости от решаемых задача.



Когда ты смог хоть и подглядывая документацию по html реализовать макет, то в этот момент пора двигаться к следующим темам в frontend разработке.



Ребят, этим постом открываю серию про основы web разработки. На очереди основы css. В js будем копать глубоко. Html и css более простые технологии.



Поделитесь, вам интересно продолжение?