Видно, что перед нами код, сгенеренный каким-то редактором. Веб-дизайнер написал бы

Программированием, а нам приходится. Ранее было сказано, что не все тэги парные, неко-

Другой примечательной особенностью языка HTML является то, что в документе,

Они состоят из тэга открывающего и тэга закрывающего. Внутри документа выделяются

Помня об этом, вновь откроем в Блокноте нашу первую html-страничку. Посмотрим, с

Лишились красоты, потому что кто-то знал только искусство и не признавал ремесла.

Живописцы, но они не знали химии красок, отчего полотна этих гениев увяли и истлели. Мы

Кость цвета и долговечность полотен. Одновременно с мастером жили не менее талантливые

Сок, которые готовил для себя сам, и добился того, что обеспечил исключительную стой-

На миг от высокого искусства и вернуться к ремеслу. Что ж, да Винчи изучал химию кра-

Мы убедились, за счет внесения изменений в html-код. Вот почему нам придется отвлечься

Говорили. Вдобавок поддержка некоторых важных эффектов и свойств возможна лишь, как

Однако, такого легкого отношения не потерпит. О минусах визуальных редакторов мы уже

Совершенно не нужно, если создаешь любительский персональный узел. Солидный сайт,

Вдобавок для работы в программе Web Page Maker знать основы программирования

Можности.

Же смысл заключается в тех или иных возможностях гипертекста, даже если узнает эти воз-

Незнакомый с требованиями гармоничности и юзабилити человек никогда не поймет, какой

чего она начинается. Это тэг ‹HTML›. А теперь посмотрим, чем она заканчивается: это тэг ‹/

HTML›. Нам открылось главное свойство языка HTML: его тэги по большей части двойные,

заголовок и тело, которые также обособляются двойными тэгами:

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

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

написанном на этом языке, видимый текст не отделяется от программного: «смешались в

кучу кони, люди». В Word’e все не так, здесь текст для юзера дается отдельно от языка про-

граммирования. Это еще одна причина почему писателю с его Word’ом незачем мучаться над

торым не требуется закрытие. Таковы тэги иллюстраций, например, ‹img› (от английского

слова image – рисунок). Разберем сказанное на примере. Вот перед нами страничка с фоткой

девушки и с романтической подписью: «Девушка, по которой я схожу с ума» (рис. 12).

С. Н. Бердышев. «Искусство оформления сайта. Практическое пособие»

Рис. 12. Структура html-кода простейшего документа

Запись кода тривиальна, в теле имеются всего две строки. Первая описывает рисунок:

‹img border=“ 0” src=“file://images.files/girl.jpg” width=“ 275” height=“416”›. Кстати, сразу

короче и проще: ‹img width=275 height=416 border=0 src=“images.files/girl.jpg”›. Следующая

строка – текстовый абзац. Он ограничивается тэгами ‹p›‹/p›. Внутри них размещаются тэги

‹b›‹/b›, задающие полужирное (bold) начертание фразы. И наконец, внутри этих тэгов ком-

Дата добавления: 2015-06-28