Привет, ребята, я снова вернулся, и на этот раз я познакомлю вас с основами 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-код для простой страницы👍.
Заключение:
Когда веб-сканеры/роботы читают вашу веб-страницу, они просматривают все элементы/теги, чтобы узнать, о чем она и как найти нужных людей для отображения веб-страницы. Таким образом, вы действительно должны попытаться сохранить свою веб-страницу как можно более презентабельной.
Спасибо за прочтение и оставьте 👏, чтобы поддержать.