Что такое html?


Мы с вами приступаем к изучению языка html. И в этом уроке мы разберем что такое html?

HTML (от англ. HyperText Markup Language
— «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине.

Гипертекст это обычный текст, разве что с одной маленькой особенностью, он позволяет связывать страницы друг с другом.

У нас есть определенный набор страниц и гипертекст позволяет связать эти страницы между собой. html это язык разметки гипертекста. Если выражаться простым языком html это язык для создания web-страниц, которые вы десятками или сотнями просматриваете в интернете ежедневно. Для того что бы эти страницы создавались нужен язык html.

Любая страница которую вы видите в интернете создана с помощью языка html. Там имеется html-код он отображается и обрабатывает страницы нам и выводит ровно в том виде которые мы видим.

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

Давайте посмотрим на внутреннее строение моего сайта что бы вы понимали как вообще выглядит html  — код. Для этого можно нажать Ctrl+U — исходный код страницы.

Открылся исходный код страницы. 

Исходный код страницы
Исходный код страницы

Здесь очень много чего написано понимать это все вам сейчас необязательно. Наша задача просто познакомиться с этим языком. Потом уже после изучения вы легко будете понимать и писать на языке html. 

Разберем основные элементы любой web — страницы. 

<!DOCTYPE html>  Показывает какому стандарту подчиняется данный html документ. Это стандарт html5.

Далее идет набор тегов <html>, <head>, <body>. Тег это единица разметки, которая позволяет дать команду браузеру что делать с тем что находиться внутри тега.

Бываю одиночные и парные теги.

Парные теги (<html> — открывающий тег, </html> — закрывающий тег).

Одиночные теги <input> — не имеют закрывающего тега, можно закрыть угловой скобкой. <input> или закрыть так слеш с угловой скобкой <input/>.

Тегов очень много, скоро вы их все узнаете и будете использовать.

Давайте посмотрим из каких тегов состоит любая 
html — страница.


<html>

<head>

<title>Пример веб-страницы</title>

</head>

<body>

<h1>Заголовок страницы</h1> 

 <p>Первый абзац.</p>

<p>Второй абзац.</p>

</body>

</html>

<html></html> — внутри него находятся все теги web — страницы.

<head></head> — голова документа, в ней располагается служебная информация пользователь которую не видит. За исключением тега.

<title></title> — заголовок страницы который можем увидеть на вкладки браузера.

<body></body> — находится все то что видит пользователь.

Спасибо за внимание до следующего урока.