Вс. Ноя 28th, 2021

Сайт учителя информатики. Учебники, Подготовка к ЕГЭ, программы для ПК, полезный материал, обучающие уроки и многое другое.

Мы с вами приступаем к изучению языка 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> — находится все то что видит пользователь.

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

Что подарить современному ребенку в любом возрасте – познакомьте его с Роботом 14 в 1 – конструктор с возможностью сборки 14 моделей, которые приводятся в движение двигателями, питающимися от солнечных панелей.

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

Поделиться в соцсетях

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *