Что такое HTML. Первые шаги в изучении


115В последнее время плотно занялся внешним обустройством блога, добавлением разных виджетов и скриптов для более удобного и красивого отображения блога. И тут же стало ясно, что без элементарного знания html не обойтись. Говорю элементарного, потому что для комплексного изучения нужно время и желание, а вот немного разобраться с тем, куда и как вставлять отдельные элементы кода можно. Этим и займёмся.


Для начала немного теории. HTML (от англ. HyperText Markup Language — «язык разметки гипертекста»). То есть язык применяется для разметки документов во всемирной паутине. Код — это набор команд и тегов, с помощью которых можно передать какую-то информацию о содержании страницы, которую «просматривает» браузер. Любой html код пишется в определённом порядке, назовём это принципом матрёшки, так как большинство меток парные, состоят из открывающей (<…>) изакрывающей (</…>) метки.

Главная метка в html коде — это <html>. С неё начинается документ (<html>содержание документа….) и ей же заканчивается, только перед конечной меткой появляется знак «/» (…содержание документа</html>). Это по сути формат документа, нужное для того, чтобы браузер понял наш «язык». Всё другие метки кода находятся в ней.

Следующий тег — <head> — отмечает вводную и заголовочную части HTML-документа. Это та чать кода, которая будет содержать название и первичную информацию. Именно в этот тег нужно вставлять теги <title><meta name =”keywords” content=»»>и другие теги предназначенные для описания страницы.

После идёт тег <BODY>, который определяет тело страницы. В него включены коды всех блоков сайта, элементов страниц и прочих элементов визуального оформления, он отвечает за внешний вид и структуру сайта. Сюда же мы вставляем те скрипты, которые направлены на изменение внешнего вида вашего блога или функций отдельных его элементов. Например, чтобы запретить копирование материалов с вашей страницы, мы можем просто изменить часть кода в теге <BODY>. Он содержит все виджеты. Для работы с блогом ( в частности на платформе Blogger) необходимо знать тег ссылки:

<a href=»адрес ссылки«>

Так же в теге  <BODY> содержатся заголовки <H1> …. </H1> — <H6> …. </H6>, содержащие информацию о содержании страницы от большего к меньшему. То есть в тег <H1></H1> вы вписываете самые основные слова, характеризующие страницу. В остальные по убывающей.

Ещё одна «часть» кода, содержащегося в теге  <body> — <div> (кстати, регистр при написании тега не играет роли), этот тег определяет «контейнер для html». Выделяет фрагмент документа и изменяет его содержимое. Редактировать участки с этим тегом нужно осторожно, при плохом знании html можно сильно подпортить код, и найти ошибку будет трудно. Если создать условный каркас из вышепредставленных тегов, получиться что-то вроде этого:

<html>
 <head>
           <title></title>
<meta name =”keywords” content=»ключевые слова страницы»>
</head>
 <body>
          <H1></H1>
<div>
</div>
 </body>
</html>

Разумеется схема эта упрощённая до предела, такого кода на деле не существует. Это лишь небольшая модель, чтобы указать суть строения страницы, написанной html кодом. По правде говоря, платформа Blogger работает с языком XML, однако это не отменяет необходимости знать азы html, так как он часть вышеназванного языка. В будущем, возможно, напишу ещё не одну статью об отдельных элементах кода страницы, но основы, описанные в этой статье должен знать каждый человек, который хочет создать и продвигать сайт или блог.

Похожие темы:

Оставьте комментарий