Мы с вами приступаем к изучению языка 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> — находится все то что видит пользователь.
Спасибо за внимание до следующего урока.(материал с сайта учителя информатики- murnik.ru.)
