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

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

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

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

<p><font color="blue"><strong> Это моя первая HTML страница! </strong></font></p>

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

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

Конечно, это всего лишь пример, причем очень простой. Более подробно создание 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>.»
Подробнее можно почитать вот на ЭТОМ сайте. Расписывать все в деталях просто глупо, к тому же полностью всей сути этого элемента я не передам. Поэтому, почитайте.