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

Автор Pavel Shevchuk
Программирование с нуля   с чего начать? Web разработка  Урок 4  HTML элементы  Часть 1

Ну и.

Давайте теперь создадим в текстовом редакторе саблайм настоящий html-документ откроем новый файл сразу же сохраним его Save AS сохранить как например My Test HTML Doc. Документ и расширение обязательно HTML — это указывает редактор текстовому редактору саблайм. Как обращаться с этим файлом и браузеру также они будут распознавать его как html-документ и давай.

Храни его на рабочем столе в папке Web Developer Course I HTML папка и теперь после того как мы сохранили этот файл в формате HTML мы можем очень легко записать готовую структуру HTML документа при помощи саблайм.

Для этого нам нужно открыть угловую скобку написать две буквы первые HT как увидите сразу подсказка HTML и нажать Enter и вот готовая структура настоящего HTML документа появляется. В нашем новом редакторе. Как вы видите — это структура точно такая же как и struct документа на сайте example.com. Давайте посетим ещё раз этот сайт на жмем правой кнопкой мыши и просто просмотр кода страницы и. Давайте сравним. Как видите здесь doctype HTML. Здесь тоже только тут заглавной буквы. Далее идет HTML наш открывающие и закрывающие теги и здесь у нас тоже следует открывающий тег HTML и закрывающий тег HTML далее после HTML идёт Element Head открывающий и закрывающий тег здесь мы тоже видим тоже самое закрывающий тег далее элемент который находится в ходе. Здесь тоже как вы видите и дальше элемент баре открывающие и закрывающие теги. И здесь тоже самое — это стандартная структура любого html-документа мы можем почитать об этой структуре в интернете и одно из лучших мест где можно найти актуальную информацию по веб-разработке — это сайт mdn Mozilla Developer Network — это сайт разработчика для разработчиков открытый ресурс в которой информацию добавляются сами разработчики. Давайте например посмотрим информацию по поводу этого элемента на этом сайте для этого в поискать вводим сначала мгн и. Дали doctype. И как вы видите вот внизу введение в HTML переходим по этой ссылке здесь мы можем прочитать про этот элемент doctype на этом сайте очень много различной информации технологии справочники и руководства и так далее здесь можно многому научиться. И многое почерпнуть поэтому я вам очень рекомендую этот сайт и тут написано, что чтобы отразить в ваш, что ваше тем элконт используют html5 нужно использовать этот трек дальше, что такое html5 мы будем его использовать в нашем комоде в данный момент вы просто должны выяснить, что любой html-документ начинается этим тигром и тут написано, что этот HTML Tag декларирует, что документ содержит разметка html5. Да придёт Tag HTML собственно. Давайте опять найдём информацию на этом сайте мгн об этом теги водим mdn HTML Element и выбираем вот эту ссылку переходим по ней эта страница уже переведена на русский не все страницы на сайте переведённый на русский поэтому я вам рекомендую изучать английский язык как можно раньше потому, что вся актуальная информация в интернете по разработке содержится на английском языке и — это очень расширит ваши возможности как разработчика и так здесь написано, что основные элементы являются основы HTML документа вы увидите эти элементы в исходном коде для всех веб-страниц после задания типа документа на первой строке на странице — те элементы которые отобразилось в шаблоне саблайм редакторе элементы страницы находятся между открывающим тегам HTML и закрывающим тегом элемент HTML называется корневым элементом и далее здесь корневой элемент HTML документа HTML Tag все остальные элементы должны быть потомками этого элемента то есть находиться внутри этого тега. И как вы видите здесь все элементы находятся внутри корневого элемента HTML за исключением doctype который находится наверху оружие. Далее идет Element Head который как вы помните на сайте example.com содержал различные метаданные. Я уже рассказывал вам о них далее Element title он содержит тоже котором содержится в названии страницы и поэтому названию ищет сайт в поиске далее Element Body котором она записывается сам контент который отображается на странице мы. Давайте заполним. Этот документ. И начнём наверное стоит La и запишем здесь манифест HTML и. Давайте сохраним этот файл чтобы изменение сохранились и отобразилось название открываем в браузере эту страницу и как вы видите на странице ничего не отображается появилась только название manifest HTML на вкладке давайте свернем теперь наш браузер для удобства расположена вот так рядышком мы поместим наш текстовый редактор саблайм для удобства чтобы мы сразу просматривали то, что мы написали в редакторе и. Давайте теперь видим какой-то текст на нашем страницы в элементе в элементе Body пишем манифест string автотекст моя первая строка текста сохраняем обязательно файл все изменения при помощи команд с или контроль. С на Windows и можем теперь обновить нашу страницу и как вы видите появляется текст который. Мы записали в редакторе далее мы можем записать с новой строчки My Second string of Text моя вторая строка текста опять же сохраняем и обновляем в браузере и. Пупс тут неожиданность текст появляется отображается в браузере не так как он записан у нас в текстовом редакторе он отображается в одну строку — это происходит из-за того, что для того чтобы отобразить текст.

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

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