• strict warning: Non-static method view::load() should not be called statically in /var/www/codeacademy/sites/all/modules/views/views.module on line 1113.
  • strict warning: Declaration of views_handler_field::query() should be compatible with views_handler::query($group_by = false) in /var/www/codeacademy/sites/all/modules/views/handlers/views_handler_field.inc on line 0.
  • strict warning: Declaration of content_handler_field::element_type() should be compatible with views_handler_field::element_type($none_supported = false, $default_empty = false, $inline = false) in /var/www/codeacademy/sites/all/modules/cck/includes/views/handlers/content_handler_field.inc on line 0.
  • strict warning: Declaration of views_handler_sort::options_validate() should be compatible with views_handler::options_validate($form, &$form_state) in /var/www/codeacademy/sites/all/modules/views/handlers/views_handler_sort.inc on line 0.
  • strict warning: Declaration of views_handler_sort::options_submit() should be compatible with views_handler::options_submit($form, &$form_state) in /var/www/codeacademy/sites/all/modules/views/handlers/views_handler_sort.inc on line 0.
  • strict warning: Declaration of views_handler_sort::query() should be compatible with views_handler::query($group_by = false) in /var/www/codeacademy/sites/all/modules/views/handlers/views_handler_sort.inc on line 0.
  • strict warning: Declaration of views_handler_filter::options_validate() should be compatible with views_handler::options_validate($form, &$form_state) in /var/www/codeacademy/sites/all/modules/views/handlers/views_handler_filter.inc on line 0.
  • strict warning: Declaration of views_handler_filter::query() should be compatible with views_handler::query($group_by = false) in /var/www/codeacademy/sites/all/modules/views/handlers/views_handler_filter.inc on line 0.
  • strict warning: Declaration of views_plugin_query::options_submit() should be compatible with views_plugin::options_submit($form, &$form_state) in /var/www/codeacademy/sites/all/modules/views/plugins/views_plugin_query.inc on line 0.
  • strict warning: Declaration of views_plugin_style_default::options() should be compatible with views_object::options() in /var/www/codeacademy/sites/all/modules/views/plugins/views_plugin_style_default.inc on line 0.
  • strict warning: Declaration of views_plugin_row::options_validate() should be compatible with views_plugin::options_validate(&$form, &$form_state) in /var/www/codeacademy/sites/all/modules/views/plugins/views_plugin_row.inc on line 0.

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