Программирование с нуля с чего начать? Web разработка Урок 3 Что такое HTML

Автор Lyubov Stishevskaya
Программирование с нуля   с чего начать? Web разработка  Урок 3  Что такое HTML

Итак давайте поговорим подробнее, что же всё-таки такое HTML.

Давайте погуляем, что такое HTML. Давайте посмотрим, что говорится об этом. Википедия и так здесь написано html от английского Hyper Text markup Language язык гипертекстовой стандартизированный язык разметки документов во всемирной паутине то есть в интернете большинство веб-страниц с описания разметки на языке HTML или HTML язык HTML интерпретируется браузерами полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.

Ну скажем так немного запутано да.

Давайте попробуем разобрать — это на реальном мире для этого. Давайте откроем браузер новую вкладку. И найдём Site example точка ком. Как вы видите этот сайт выглядит вот таким образом — это удобный пример сайта для изучения. Азов простейший сайт. Ну и теперь нужно посмотреть код страницы этого веб-сайта для этого мы нажимаем правой кнопкой мыши на странице и здесь выбираем просмотр кода страницы и вот так вот выглядит кот этого веб-сайта example.com который отображается таким образом в браузере мы теперь давайте более подробно разберем пошагово, что же здесь записано как вы видите здесь очень много угловых скобок в угловых скобках записаны так называемые теги которые используются в языке HTML первом на верху страницы записан текст doctype и! перед этим этот трек обозначаем, что этот наш файл он типа HTML чтобы браузер как отображать этот файл далее следует следующий так HTML вы видите наверху один HTML и в самом низу страницы вы видите Text HTML. Почти такой же только с косой чертой с так называемым флэшем. Что же — это означает — это означает то, что этот элемент HTML состоит из двух тегов открывающего тега HTML находится наверху и закрывающего тега HTML который находится в и внутри между этими верхнем открывающим и нижним закрывающим тегом находится содержимого этого элемента HTML. То есть все наши веб страницы нашего сайта далее внутри элемента HTML находится Element Get header заголовок он также имеет открывающий тег и внизу закрываю так всё, что между этими двумя тегами — это содержимое. Нашего заголовка. Нашего элемента Head тут очень много кода мы его посмотрим чуть позже следующий элемент ниже который находится в. Альметьевске — это элемент барий тела опять же этот элемент имеет открывающий так и закрывающий так и внутри между этими двумя тегами находятся содержимое нашего. Боре тела. Давайте разберем теперь эти элементы подробнее и так Tag HTML Tag A HTML содержит в себе весь HTML код нашей хранится в него находится только тип документа который находится в тайге doctype элемент HTML содержит 2 элемента в себе элементы от заголовок с информацией внутри который начинается открывающим заканчивается закрывающим тегом элемент барий тела который тоже начинается открывающим и заканчивается закрывающим тегом и так в нашем html-документе всего два элемента Head и Body и так, что же содержит в себе Element Get в. Ленте 1 идёт Element title то есть название он начинается открывающим также и заканчивается закрывающим тегом title и внутреннего находится содержимое этого тега этого элемента Spain domain текст — это текст используется для того чтобы отображать на веб-странице надпись которая находится наверху название страницы explain domain Example то есть извиняюсь экзампл даме так же как для отображения заголовка название до страницы — это Tag title этот Element title используется для отображения страницы в поиске Google. Давайте наберём например. Википедия и нажмем на страницу. Дана вот эту и теперь также правой кнопкой мыши как мы делали до этого рассмотрим код страницы. Как увидеть — это страница начинается также она имеет 1 тег doctype HTML следующие Tag HTML котором содержится элемент Head его уже в элементе Head содержится Element title котором написано. Википедия свободная. Энциклопедия Энциклопедия — это строка до помимо того, что — это строка отображается в названии страницы вот здесь вот она также отображается эта строка вот здесь вот. В результатах поиска то есть Element title важен для отображения страницы. В результатах поиска следующий трек который находится в Head — это метаданные теги который начинается словами то 1 час 8 — это так используется для отображения формата текста и на нашей странице текст будет отображаться в формате о тебе если вы хотите узнать больше о форматах можете поискать в. Интернете эту информацию в следующем тексте — это http эквивалент Content Type hint Text HTML charset utf-8 здесь указывается, что тип содержимого этой страницы текст HTML и формат текста charset utf-8 следующее метатег — это name viewport который указывает, что наша страница будет отображаться по всей ширине экрана одевайся нашего компьютера или телефона и янишевский равен единице то есть первоначальный масштаб отображения равен единице не увеличена или уменьшена до. И следующий Element Style Type Text CSS он также имеет открывающий так и закрывающий так и внутреннего находятся собственно говоря стиль в котором отображается страница то есть Style отображает. Как выглядит страница. Давайте поговорим об этом позже, а давайте сейчас рассмотрим Elementary в элементе баре находится содержимое контент страницы и он показывает, что он находится на нашей странице. То есть он показывает сам текст мы видим тут элемент deps открывающим и закрывающим тегом div означает division то есть.

0 комментариев
0

Читайте также