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

Любая система управления контентом, включая WordPress, не может существовать без HTML тегов. Если вы серьезно собираетесь работать с различными CMS , например WordPress, редактировать некоторые файлы, то вам необходимы элементарные понятия, что есть что. Для изучения советую использовать NotePad++ либо простой блокнот, если вы хотите писать разметку без подсветки кода. Бытует мнение, что если писать код на совсем простом блокноте, то все важные элементы и синтаксис языка запоминается лучше, чем когда есть подсветка кода.

Основные тэги HTML

Прежде чем начать разбираться в тэгах, запомним, что есть теги, которые закрываются, например

(означает параграф), закрываемый тэг. Закрывается при помощи написания такого же тэга, но просто со слешем.  Так же надо запомнить, что теги классифицируются и делятся на:

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

Это конечно лишь малая часть всего, но у HTML есть один плюс – его очень легко освоить. Достаточно найти любой простой самоучитель и начать верстать простые документы, потом уже можно присоединить CSS. Но для начала разберем значение каждого тэга по отдельности.  Некоторые тэги необходимы при создания HTML документа, так как нарушиться валидность верстки, а это не хорошо. Что-то я забегаю вперед. Приступим.

Значение тэгов отвечающих за структуру:

• — определяет начало и конец документа, ну или HTML странницы
• — часть документа, в которой хранятся название, описание, и другие метаданные
• — этот тэг отвечает за содержание страницы. Сюда включается весь контент, текста, видео, изображения и т.д.

Значение тэгов отвечающих за форматирование текста:

• — этот тэг обычно используется для вывода заголовков, и теги имею числовое значение. Пример:

  …

  . И в данном случае, чем число больше, тем меньше размер заголовка.

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

• 
  — этот тэг не закрывается дополнительным тэгом. Его назначение это перевод текста на новую строку.
• — ну тут понятно из названия, что делает тэг. Он централизует текст, который находится в его пределах.

Значение тэгов отвечающих за форматирование шрифта:

• — тэг отвечает за выделение текста жирным текстом
•   — этот тэг отвечает за склонение текста
•   — тут так же все понятно, тэг позволяет задавать размеры текста.

Значение тэгов отвечающих за создание гиперссылок:

• Текст ссылки — соответственно тэг, который создает гиперссылку на другой сайт
• Текст ссылки — либо можно создать якорь я при помощи гиперссылки быстро переходить к нему.

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