Привет, ребята, я снова вернулся, и на этот раз я познакомлю вас с основами HTML.

HTML (язык гипертекстовой разметки) необходимо изучать всякий раз, когда возникает необходимость в веб-разработке.
Он прост и очень прост для понимания.

Итак, теперь давайте начнем с самой простой HTML-страницы в мире, также известной как Hello World.

Привет, мир, веб-страница

HTML состоит из множества тегов, которые выглядят следующим образом:

 <> </>

и каждый тег содержит разные функции.

Мы начинаем с первого HTML-тега под названием «html».

<html> </html>

Этот тег сообщает браузеру, что это HTML-документ. Это очень важно, потому что браузеру нужно будет прочитать файл определенным образом, чтобы получить правильную информацию.

Затем мы вставляем тег «head» в тег html.

<html> 
  <head>
  </head>
</html>

Этот тег содержит информацию о документе. Он содержит конфигурации, которые помогают браузеру и поисковым системам лучше обрабатывать веб-страницу. Это душа веб-страницы.

Вставим тег title в заголовок

<html> 
  <head>
      <title>
           First HTML
      </title>
  </head>
</html>

Этот тег отображает заголовок страницы в верхней части браузера. Это очень полезно, потому что всякий раз, когда поисковая система находит вашу веб-страницу, в первую очередь отображается заголовок.

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

Теперь мы вставляем тег «body» в тег «html» и ниже тега «head».

<html> 
  <head>
      <title>
           First HTML
      </title>
  </head>
  <body>
  </body> 
</html>

Здесь начинается волшебство, почти все, что отображается на веб-странице, попадает сюда, если «голова» — это душа, то «тело» — это человек.

Мы почти закончили! давайте закончим нашу простую веб-страницу, добавив тег «h1» в тело

<html> 
  <head>
      <title>
           First HTML
      </title>
  </head> 
  <body>
      <h1>Hello World</h1>
  </body>
</html>

Тег «h1» — это тип тега заголовка в теге «body». Он называется «h1», что означает заголовок первого уровня.

Готово🙂, простой HTML-код для простой страницы👍.

Заключение:

Когда веб-сканеры/роботы читают вашу веб-страницу, они просматривают все элементы/теги, чтобы узнать, о чем она и как найти нужных людей для отображения веб-страницы. Таким образом, вы действительно должны попытаться сохранить свою веб-страницу как можно более презентабельной.

Спасибо за прочтение и оставьте 👏, чтобы поддержать.