ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

Шапка Html документа

.

dtВсем привет!
Меня зовут Виктор Ковалев и это наш второй урок из курса по изучению html. В предыдущем уроке, мы с вами узнали кто и когда придумал язык гипертекстовой разметки, а также уяснили для чего же необходим html. В сегодняшнем уроке мы с вами создадим шапку html документа, которая в большинстве случаев является стандартной.

Итак приступим. В предыдущем уроке я вас просил скачать и установить программу для редактирования текстов: Notepad++. Если вы это сделали, то отлично можем приступать к работе, если же по каким то причинам вы этого сделать не смогли, то не отчаивайтесь, свой первый сайт вы сможете создать используя стандартную программу блокнот, которая к счастью есть на любом компьютере. Для этого на рабочем столе щелкните правой кнопкой мыши и в всплывшем меню выберете «Создать» и далее «текстовый документ». Все готово можно приступать к работе!

Шапка HTML документа.
Открыв notepad++ или же программу блокнот, вы увидите перед собой чистую страницу. Для того чтобы сделать свой сайт надо превратить эту пустую страницу, в html документ, который будет правильно читаться и отображаться в браузере. Html документ состоит из большого числа тегов и прикрепленных к ним атрибутов. Все теги мы изучать не будем, так как многие из них с появлением css стали не нужны.Будем разбирать только основные теги и атрибуты,которые присутствуют в любом сайте.

Каждый новый документ имеют схожую шапку-шаблон. В нашем случае он будет иметь такой вид:
bezyimyannyiy
Разберем каждую строчку в отдельности. DOCTYPE -можно буквально перевести как, тип документа. Простыми словами первая строчка нашего html шаблона указывает нам на тип документа, показывает браузеру что документ написан на языке html, версий 4.01, под версия Transitional (которая позволяет использовать даже устаревшие, вышедшие из обихода теги) . Также в шапке шаблона можно прописать кодировку и язык, к примеру UTF-8. Первая строка является служебной. Более подробную информацию про DOCTYPE можно прочитать введя в браузере, эту строчку:

http://htmlbook.ru/html/!doctype

Переходим к разбору тегов. ТЕГ— это элемент конструкций html языка, который указывает браузеру что именно ему следует сделать или отобразить .Каждый тег располагается между двумя угловыми скобками(<>), а между ними прописывается имя и атрибуты (при необходимости) . Большинство из них имеют открывающий и закрывающий тег и, соответсвенно, называются парными, а теги без закрывающего элемента- одинарными. Для закрытия тега необходимо прописать слэш (/) и имя тега. К примеру закрывающим тег </code> будет <code>.

Но не будем забегать вперед и начнем по порядку!

bezyimyannyiy-1

 

Любой документ html начинается с тега </code> и заканчивается тегом <code>! Это родительский тег, внутри него располагаются все иные теги документа, которые могут, иметь или не иметь, закрывающих тегов.

Тег Head, в переводе голова, это вспомогательный тег, который отвечает за отображение названия сайта, за выбор кодировки, выбор ключевых слова прикрепленных к вашему сайту и многое многое другое.
В теге head располагается множество других парных meta тегов, но о них мы поговорим позднее. На нашем примере одинарный тег meta отвечает за выбор кодировки, charset=utf-8. Это универсальная кодировка, которая отображается на всех браузерах.

Тег title отвечает за заголовок страницы, который будет отображаться в окне браузера. В последующих уроках по html и css, мы разберем еще множество вспомогательных тегов, которые располагаются в теге head.

Тег body это парный, форматирующий тег. В нем прописываются все теги, которые отвечают за вывод информации. Их мы, также будем разбирать, в последующих уроках.Не пропустите и подпишитесь на обновления блога.

Прописав шаблон, в программе notepad++, или же в стандартном блокноте, сохраните ваш документ под именем index.html. К этому файлу в первую очередь обратиться ваш браузер. Кликнув по сохраненному файлу, Вы можете просмотреть вашу страницу в браузере. Создайте на своем компьютере папку, к примеру «Мой сайт» и сохраняйте в нее всю информацию, так из урока в урок, ее будет становиться все больше и больше.

Итак,на сегодня все. В данном уроке мы рассмотрели шаблон html документа и узнали что теги бывают парными и одинарными, вспомогательными и форматирующими .В следующем уроке мы познакомимся с основными форматирующими тегами и узнаем что такое атрибуты тегов.

Всем спасибо с вами был Виктор Ковалев!
БЕРЕГИТЕ СЕБЯ!




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

2 комментариев к записи Шапка Html документа

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *