Курс основы HTML и CSS — Урок 1 Создаем html файл, структура html документа

Автор Georgiy Dronov
Курс основы HTML и CSS —  Урок 1 Создаем html файл, структура html документа

Здравствуйте дорогие друзья на связи с вами.

Шевченко Вячеслав — это первое видео урок мини курса. Как создать ваш первый сайт. В данном видео уроке мы создадим 1 документов и разберем базовая структура HTML страницы для создания HTML страницы мы будем использовать в текстовый редактор саблайм текст 3 вы также можете использовать текстовый редактор.

Сейчас я вам покажу два более популярных текстовый редактор на данный момент которые вы можете использовать — это brackets его в текстовый редактор компания DAF можете скачать его нажал на эту кнопочку и текстовый редактор саблайм текст 3 можете скачать его по адресу саблайм текст 3 на Windows.

Так давайте создадим на шапочку в которой будет располагаться наш сайт назовем её сёстры сайт. Я кроме её в текстовом редакторе саблайм так вот как видимо с левой части располагается наша директории в которой вы помещать файлы нашего сайта. Давайте создадим наш html документ можете нажать. Контрол с или файл сохранить с кодировкой utf-8 без Bom напишем название нашего файла index. HTML все файлы в формат HTML сохраняются в разрешением., что каждый имеется заглавной файл он называется Index HTML при загрузке сайта первую очередь браузер загружает именно этот факт нажимаем кнопочку сохранить видим. Наш первый html-документ. Давайте напишем базовую базовый тек нашего html-документа каждая. Система состоит из снега в свете бывают парными и непарными или закрывающимися или не закрывающимися выглядит следующим образом такие вот кавычки HTML — это базовые цех который с которого страница он говорит браузеру, что мы используем файл формат HTML и какую версию языка использовать на нашей страничке одномоментно указали версия sdk html5. Если вы видите на страничках doctype отличающиеся от этого значит эти сайты используют более ранней версии HTML языка можно записать так же верхнем регистре суть от этого не изменится вы можете написать doctype HTML в. Нижнем, но принять записать название флагов в. Нижнем регистре мы можем открыть данный файл в браузере открыть с помощью From такие эти вот пути яндекс. HTML. А если мы посмотрим код страницы увидим нашу запись,. HDMI. Давайте напишем базовый текст на странице этот текст HTML тега закрывающийся в нём вся информация нашего html-документа пока давайте рассмотрим следующий HTML Tag он также и закрывающийся. Отведите я нажимаю кавычку слышу и редакторов подставляет названия которые нужно — это так её служит для служебной информации для нашего браузера в нём мы можем описать сайта нашей странице скрипты CSS стили описать какие-то. Мета данные необходимые для нашей на нашей страничке. Давайте напишем первые в нашем hedy — это сайт наш. Наш первый. Давайте посмотрим, что произошло в браузере видим. Обновили мою страничку у нас добавился ты. Ташкент был так давайте обновим эту страничку и кто — это отвечает за название странички или название сайта если это. Яндекс на HTML файлов отображаются действия в этой вкладке. Как видим. Наш первый сайт. Давайте напишем ещё один ф сет — это charset, а — это говорит вашему браузеру какую кодировку текста использовать в нашем документе как видимо в. Мета теге мы написали сейчас все равно it8, что такое чипсет равно 8 — — это атрибуты тегов каждого цеха может быть атрибут начинается с название атрибута и значение атрибута значение атрибута всегда заключается в кавычки кавычки могут быть одинарные или двойные, но может быть такое, что значение атрибута тоже какие-то кавычки. Когда нужно использовать разные здесь например одинарная внутри использовать двойные. Давайте создадим следующий Buddy он также закрывающийся the Buddy располагается основная информация нашего документа какая-то текст в заголовке подобное чтобы наша страничка не выглядела такое пустое предлагаем написать себе пару тегов H1 H1 — это заголовка мы можем из-под например чтобы указать заголовок нашего текста чтобы более-менее структурировать страницу или использовать его для названия страницы в нашем документе например. Давайте напишем наш первые документы от заголовка бывают 6 уровней — это H2O A6 каждое тотек отличается по размеру и по значимости на странице там больше значимость имеется тег H1 хотелось бы отметить, что H1 на странице может использоваться только один раз если мы поставим несколько тегов H1 ничего не произойдет Brother нормальных отработает. Но — это будет плохо влиять на и противоречить правилам поисковой оптимизации. Давайте ещё напишем. Один фиг этот текст параграфа проект он также закрывающийся ещё какой-нибудь текст скопирую. Давайте посмотрим на шерстяной страницы вот мы можем увидеть здесь. Наш текст заголовка в наших параграф если. Обнови мою страничку адреса текст параграфа обычно заключает в себя любой текст и он используется для разграничения нашего текста. Мы можем написать текст в один параграф очень много текста — это будет выглядеть вот так как видите. Наш текст не очень читабельно и поэтому лучше использовать на странице больше стогов например. Здесь здесь вот так уже намного лучше так а. Настя Моя страница. Так и ходи сочетаемость нашего края на этом всё первый урок подходит концу в следующем уроке мы поговорим с вами. Вот с, что — это такое надо как его подключать в нашу страницу если он понравился видео урок. Ставьте лайк. Подписывайтесь на наш канал подписывайтесь на нашу группу VK. Всем пока. До новых видео.

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

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