Уроки HTML 1. Создание html страницы

Автор Nikita Stoianov
Уроки HTML 1. Создание html страницы

Всем привет.

Меня зовут. Азиз из моей из этого видео урока мы начнём изучения языка гипертекстовой разметки HTML. Как вы знаете все сайты созданные или структурированные при помощи языка гипертекстовой разметки HTML.

Для большей наглядности давайте мы откроем браузер и идём на какой-нибудь сайт например в поисковой строке.

Давайте соберём адрес сайта facebook.com и нажимаем Enter и там перед нами появляется главная страница данные этим и мы видим, что у нас тут сайт выглядит так как мы его привыкли видеть. Однако — это произошло после того как данный браузер интерпретировала HTML данного веб-сайта и отобразил нам уже понятный для нас ресурс для того чтобы посмотреть как данный web-сайт выглядит на самом деле или посмотреть его HTML разметку. Давайте корисним правой кнопкой мыши в свободном месте экрана и выберем функцию просмотр кода страницы и перед нами открывается HTML разметка данной страницы страницы facebook.com все эти данные весь этот кот он структурирован при помощи HTML на первый взгляд вам может конечно показаться. Что всё — это довольно-таки сложно и непонятно. Но на самом деле — это не так ведь уже этого видео урока. Вы научитесь создавать html документ и в принципе создадите свой первый маленький веб-сайт и сейчас давайте мы перейдем от теории к практике 2. Наш первый html документ для этого мы свернем данные окно и пустом месте нашего экрана кликаем правой кнопкой мыши далее мы выберем функцию создать текстовый документ текстовые документы на создан и следующим шагом. Я предлагаю сразу же создать отдельную папку для файлов нашего сайта для этого мы также кликаем правой кнопкой мыши при беремен создать папку. Можно например назвать её мой сайт следующим шагом. Я предлагаю переместить файл нашего сайта в данную папку отлично давайте мы откроем эту папку и начнём редактировать нашу текстовый документ для этого мы два раза кликаем по нему левой кнопкой мыши и у нас запускается обыкновенный простой блокнот. Если же вы пользуетесь операционной системой Mac OS то вам необходимо запустить textedit. Однако Есть такой момент для того чтобы. Вы могли в данном текстовом редакторе создавать html документ вам необходимо в настройках выбрать в параметре функцию просто текстовый документ и далее. Все шаги и для пользователей Windows и для пользователя операционной системы Mac OS будут одинаковыми и первое. На, что обратить. Ваше внимание — это то, что html-документа состоит из элементов и наверное самый главный элемент в разметке это. ТТГ у нас пишутся при помощи угловых скобок внутри таких скобок у нас пишутся теги и второй момент на которой хочется обратить внимание — это то, что HTML разметка делается по принципу контейнера помыта может быть. Немного непонятно. Но сейчас я постараюсь вам объяснить, но до этого. Давай напишем. Наш первый текст мы перемещаем курсор между данными угловыми скобками и пишем! doctype HTML данный тег doctype HTML он обозначает, что весь этот документ является в формате HTML. То есть он говорит браузер о том, что здесь у нас находится веб-сайт далее. Нам необходимо спуститься ниже и также написать 2 Tag для этого также пишем угловые скобки и внутри пишем знак слэш HTML вот эти два тега doctype HTML и Flash HTML они являются парными тегами то есть они всегда идут вместе так doctype говорит браузеру о том, что данный документ является веб страницей HTML подданный так говорит о том, что на этом месте в странице заканчивается образом всё содержимое нашего веб-сайта помещается между данными точками будь-то фото текст видео либо аудио контент всё находится внутри или между данными и именно — это я имел в виду когда говорила, что язык гипертекстовой разметки HTML работает по принципу контейнера то есть эти два тега сейчас представляет из себя контейнер внутри которого находится весь наш веб-сайт и на этом. Однако не все принцип контейнера у нас работает везде доли у нас сама веб-страница также состоит из двух из головы и тела какой наверное догадались голова у нас обозначается ты там данный текст также является парным. Поэтому нам необходимо сразу же написать и во вторую пару — это slashed и наверное тоже. Вы заметили, что парные теги у парных тегов закрывающий тег всегда идёт со знаком Flash. Значит у нас получается такая ситуация, что такое Head также является контейнером вся информация которая будет находиться между данными тегами будет относиться к голове документа и вторая часть нашей веб страницы — это тело то есть. Боди и сразу же. Давайте напишем его закрывающий тег. Как вы помните — это мы сделаем при помощи знака слэш отлично. А теперь вы можете спросить, а для чего она нужна в нашу веб страницу на 2 части для чего — это нужно. Дело в том, что внутри тега Head Toy каловые нашего веб-сайта находится служебная информация. Сюда относится название данной веб-странице кто какую данное web-страница имеет кодировку и других служебных информация которая нужна для работы с данной веб-странице браузеру и поисковым системам. То есть то, что находится внутри тега Head. Мы обычно не видим когда гуляем по интернету и открываем те или иные сайты, а то, что находится внутри тега Body она отображается на самой веб-страницы то есть всё, что мы видим на веб-страницах то есть весь этот контент например текст со словом регистрация вот эти поля всё — это размещается внутри тега Body и отображается на сайте таким образом документ или любой веб-сайт состоит из таких контейнеров 1 — это doctype HTML и про.

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

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