Создание сайта №2. Структура HTML документа.

Автор Georgiy Dronov
Создание сайта №2. Структура HTML документа.

Всем привет.

С вами. Алексея сегодня будет видео урок посвященный структуре html-документа. Прежде чем перейти к созданию полноценного сайта нам нужно иметь при управлении о том, что же из себя представляет и так сайт состоит из определенного количества отдельных файлов страниц которые связаны между собой, что такое гиперссылка мы узнаём с вами чуть-чуть попозже, а сейчас давайте разберемся, что же представляет собой HTML страница либо html документ для того чтобы разобраться в этом.

Давайте создадим текстовый файл назовем его My Project My Player обычный текстовый документ.

Открой мою через блокнот и напишем следующую разметку HTML. Это не язык программирования и — это язык гипертекстовой разметки то есть язык гипертекстовой разметки — это группа так называемых дедов каждый из которых отвечает за вывод определенной часть на странице сайта то есть отдельно отвечает за вывод шрифта на день со своими атрибутами отвечает за вывод картинки и так далее. Что такое теги и атрибуты. Более подробно мы изучим чуть попозже сейчас. Давайте приступим непосредственно к структуре HTML документа и так 1. С чего начинается любая html-документ и — это тег doctype этот тег предназначен для типа текущего документа. Существует несколько типов html-документа строгий синтаксис переходный синтаксис и синтаксис которым применяются фреймы разница между строгим и переходным синтаксисом документа состоит в различном подходе к написанию кода. То есть если взять строгий sin100 html документ требует жесткого соблюдения правил написания и не прощает ошибок переходный наоборот более лояльно относятся к различным про погрешностям в вашем коде. Но поскольку мы только начинаем с вами обучаться сайтостроению будем использовать строгий тип чтобы учиться правильно писать гипертекстовый разметку часто можно встретить html-страницы без использования doctype отели в страницу в данном случае также будет показано браузером, но пренебрежение его используем может повлечь разное отображение документа вашей странице в различных браузерах тем самым в различных браузерах ваша страница как будет рассыпаться то есть отображаться. Ну не совсем корректно не так как вы хотели бы её пример использования строгого синтаксиса HTML приведён в нашем с вами в начальном проекте. Если же вы хотите использовать переходный синтаксис то тег doctype со своими атрибутами будет иметь следующий вид вот такой. Если же вы хотите использовать в своем документе фреймы. Что такое фреймы тоже узнаем чуть-чуть попозже то так будет следующий год и так, что мы имеем — это у нас получается строгий синтаксис — это переходный синтаксис и этот. Тип тип показывает, что ваш может применяться фрейма как я говорил мы будем придерживаться строгой. Сфинкс после того как вы определили нашей странице. Вы должны указать, что данный код является языком гипертекстовой разметки HTML для этого всё содержимое нашей обрамляется в Tag HTML. Мы видим, что ты почту e-mail я написал два раза в первом случае без флеша во втором со слешем для чего — это так сделал. Сделал я так потому, что в первом случае тест показывает начало кода в котором указан, что он является языком гипертекстовой разметки во втором — это Tag как бы закрывает тот участок кода который является HTML страницей. Ну языком гипертекстовой разметки преимущества имущественного HTML все теги являются начинаются с открытого и заканчивается закрытым HTML также имеет свои атрибуты, но пока, что не будем далее как я уже сказал всё содержимое страницы будет находиться в этих стенах после этого пишем следующий трек. Нет он там же будет являться двойным закрывающимся он представляет собой как бы шапку сайта условно говоря любая страница любой html-документ подразделяется на две части 1 часть обрамляется тегом Head и содержит в себе информацию для поисковых систем для браузера какие-то подключаемые файлы и так далее служебный раздел сайта так скажем и второй общий — это Buddy starbody обрамляется всё видимое содержимое HTML документа. Другими словами — это является как бы телом html-документа соответственно напишем море открываем и не забываем закрывать этапы получили вот такую структуру теперь перейдем непосредственно к тегам которые содержатся в шапке сайта первый немаловажный Tag META Tag метр он может быть двух видов. Первый вид этот метод с атрибутом http 2 типа документа с атрибутами name Method с атрибутом. А, что теперь эквивалентен http заголовка. Он позволяет управлять действиями браузера и может быть использован для совершенства информации выдаваемой обычными заголовками то есть в качестве мы можем посмотреть вот на такой Tag эквип которую передаёт заголовок браузера с указанием, что контент будет текст слева HTML теги и указывает кодировку страниц также часто используется дополнительная вот такой метод как атрибут Content Language Content and. То есть он будет показывать, что контент преимущественно английский в нашем случае мы пишем ру-0 и бору. Во сколько мы придерживаемся строгого синтаксиса поэтому мы оставим эти два деда методы. Да, но значение кодировке мы поменяем на атрибут name мета-тегов показывает также набор полезных параметр котором можем отнести ним robots данный тип показывает. Какие ссылки в документе запрещается индексирование в поисковых систем такие разрешают то есть в данном мы указали для поисковой системы кто, что ссылки содержащейся в документе запрещены к индексированию, но по этим ссылкам поисковым роботам разрешен то есть на Windows запрещает Follow разрешает.

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

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