Привет, читатель.
Сегодня мы начнем знакомство с языком разметки (да-да HTML не является языком программирования) HyperText Markup Language — «язык гипертекстовой разметки». C этого языка начинается путь любого, кто хочет создавать собственные сайты, он является основой, которая поможет нам создавать простые веб-ресурсы и изучать более сложные технологии.
HTML – это неотъемлемая составляющая и основа практически любой веб-страницы. Язык HTML в первую очередь выступает как средство логической разметки страницы. По-другому это называют версткой.
Именно с помощью языка HTML ваш браузер, обрабатывая код в файле, преобразует его в веб-страницу.
Соответсвенно, задача разработчика - дать браузеру четкую инструкцию о том как строить необходимую страницу, используя HTML.
Вы можете сами убедиться в том, что каждая страница представляет из себя не что иное как HTML код. Для этого вам потребуется один из браузеров: Google Chrome, Firefox, Safari. Я остановлюсь на первом.
Итак, давайте перейдем на какой,-нибудь сайт, например: Apple
Так выглядит их стартовая страница (на момент написания статьи). Наведите курсор на любой текст (я выбрал надпись "Limited time") и щелкните правой кнопкой мыши. В выпавшем меню нажмите: "просмотреть код".
Перед вами откроется панель разработчика. Подробнее с ней мы разберемся позднее, но сейчас давайте посмотрим на код. Я понимаю, что для вас это может выглядеть непонятным набором слов и символов, но совсем скоро вы будете читать это как любой английский текст.
Строка кода, содержащая в себе данный элемент сайта (надпись "Limited time" автоматически выделяется синим. Попробуйте дважды нажать на текст "Limited time" в этой строке, он станет редактируемым.
А теперь, напишите там любое слово и это изменение мгновенно отобразиться на сайте.
Естественно, это изменение произойдет только в вашем браузере, ведь основной файл с кодом хранится на серверах Apple, доступ к которым получить достаточно трудно и едва ли законно. Если вы обновите страницу, ваши изменения так же пропадут.
Попробуйте поиграться с кодами других страниц, убедитесь, что все они без исключения представляют из себя HTML код, а в следующем уроке, мы с вами напишем свой первый сайт-резюме.
Пожалуйста, если у вас есть какие-то вопросы: напишите их в комментариях, я очень хочу, чтобы мы вместе разбирались в возникших проблемах и у вас осталось приятное впечатление от статьи.
Если вам понравилось - поставьте лайк, это поможет мне понять, что я двигаюсь в правильном направлении. Всем спасибо за внимание!