Теги, HTML и создание сайта!

21 Сентябрь, 2013 - 16:37

Возвращаясь к прошлой статье, вспоминаем, что там мы разобрали некоторые способы создания сайта собственными силами и знаниями. Среди них упоминалось и о создании статичных HTML страниц. Как с помощью знаний о тегах и простого текстового редактора "Блокнот" можно создать простенький сайт – об этом и поведает эта статья.

Начнем с определения понятия «тег». Тег – это элементы создания HTML страниц. Теги бывают парные и одиночные. Например, <html> </html> - это парный тег. Он открывает и закрывает любой html документ. Внутри данного тега содержатся все остальные теги, с помощью которых и создается HTML страница. С помощью
< >
вот таких скобок прописывается открывающий тег, и с помощью
< / >
вот такого элемента (называется «слеш») тег закрывается.

Это означает, что этим тегом мы заканчиваем ввод какой либо информации на страницу. Также теги бывают одиночные.
К примеру, <img> - не имеет закрывающего тега. С помощью этого тега на страницу вставляется графическое изображение. Теги также могут содержать в себе атрибуты, которые вносят в информацию дополнительные функции. Разберем следующий пример:

Это моя первая HTML страница!

Как мы видим, тег парный, прописывается он для выделения каждого абзаца. Делается это для того, чтобы браузеру было понятно, как он должен отображать ту или иную информацию, нужно дать четкие инструкции в коде каждой HTML страницы. Итак, тег отвечает за абзацы.

Далее, тег также парный и отвечает он за форматирование текста, и в примере четко видно, что в теге стоит дополнительный атрибут color=”” где в скобках четко прописано, что текст должен быть синим и никаким другим. Смотрим далее – тег также парный и служит он для того, чтобы текст был жирным. И вот что в итоге у нас будет отображаться в браузере, если мы напишем эту строчку примера:

Конечно, это всего лишь пример, причем очень простой. Более подробно создание HTML страниц мы рассмотрим ниже.

С чего начинается сайт?!?

Итак, надеюсь уже многие из вас полистали а может кто-то полностью прочитал некоторые учебники по HTML. Если вдруг вы этого не сделали, то вот некоторые подсказки:

Книги, учебники, форум и все по языку HTML

С чего начать создание страничек? Для этого нам понадобится эта статья, текстовый редактор Notepad (Блокнот) и немного терпения. Начинаем.

Создаем папку, к примеру, на рабочем столе и как-нибудь ее назовем. Далее открываем блокнот и туда сразу же прописываем такую строку:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Прописывается она на каждой странице сайта. Мы это сделаем лишь один раз, дальше по страницам она просто копируется. И если говорить вкратце – эта строка говорит браузеру, какая информация предоставлена на странице. А если, цитируя: «Элемент <!DOCTYPE> указывает тип текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в разных версиях, кроме того, имеется формат XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), очень похожий на HTML, но различающийся с ним по синтаксису.

Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать<!DOCTYPE>.»
Подробнее можно почитать вот на ЭТОМ сайте. Расписывать все в деталях просто глупо, к тому же полностью всей сути этого элемента я не передам. Поэтому, почитайте.