Язык HTML

 

Изучение веб‑дизайна начинается с юзабилити и артистичности, пусть даже веб‑странички приходится рисовать в Corel. Глубокое изучение HTML начинается потом, поскольку незнакомый с требованиями гармоничности и юзабилити человек никогда не поймет, какой же смысл заключается в тех или иных возможностях гипертекста, даже если узнает эти возможности.

Вдобавок для работы в программе Web Page Maker знать основы программирования совершенно не нужно, если создаешь любительский персональный узел. Солидный сайт, однако, такого легкого отношения не потерпит. О минусах визуальных редакторов мы уже говорили. Вдобавок поддержка некоторых важных эффектов и свойств возможна лишь, как мы убедились, за счет внесения изменений в html‑код. Вот почему нам придется отвлечься на миг от высокого искусства и вернуться к ремеслу. Что ж, да Винчи изучал химию красок, которые готовил для себя сам, и добился того, что обеспечил исключительную стойкость цвета и долговечность полотен. Одновременно с мастером жили не менее талантливые живописцы, но они не знали химии красок, отчего полотна этих гениев увяли и истлели. Мы лишились красоты, потому что кто‑то знал только искусство и не признавал ремесла.

Помня об этом, вновь откроем в Блокноте нашу первую html‑страничку. Посмотрим, с чего она начинается. Это тэг ‹HTML›. А теперь посмотрим, чем она заканчивается: это тэг ‹/HTML›. Нам открылось главное свойство языка HTML: его тэги по большей части двойные, они состоят из тэга открывающего и тэга закрывающего. Внутри документа выделяются заголовок и тело, которые также обособляются двойными тэгами:

‹html›‹head›Здесь заголовок документа, не путайте его с заголовком страницы!‹/head›‹body›Здесь тело документа, включающее видимый юзеру текст.‹/body›‹/html›

Другой примечательной особенностью языка HTML является то, что в документе, написанном на этом языке, видимый текст не отделяется от программного: «смешались в кучу кони, люди». В Word’e все не так, здесь текст для юзера дается отдельно от языка программирования. Это еще одна причина почему писателю с его Word’ом незачем мучаться над программированием, а нам приходится. Ранее было сказано, что не все тэги парные, некоторым не требуется закрытие. Таковы тэги иллюстраций, например, ‹img› (от английского слова image – рисунок). Разберем сказанное на примере. Вот перед нами страничка с фоткой девушки и с романтической подписью: «Девушка, по которой я схожу с ума» (рис. 12).