Описание HTML

HTML-документ — это обычный текстовый файл. Используя, например, браузер Internet Explorer или Netscape Navigator, вы можете просмотреть результат вашей работы, загрузив в него созданный на основе синтаксиса HTML текстовый файл. Такие файлы, как правило, имеют вид: <имя файлаХгШп или <имя файла>.гШп1.

Если открыть этот документ браузером, а затем в меню вид выбрать опцию просмотр кода, то можно увидеть примерно следующее (левая колонка таблицы):

Код	Комментарии
<html>	Первый тэг любого HTML-документа.
<head>	Открытие головы документа; здесь размещается информация, не выводимая на экран, но видимая браузером. В head размещается группа так называемых метатэгов.
<meta http-equiv=«Content-Language» content= «ru»>	Документ написан на русском языке.
<meta http-equiv=«Content-Type» content=«text/html; charset=windows-1251»>	Используется кодировка WINDOWS.
<meta name=«author» content=«MBaHOB A.A.»>	Автор.
<meta name=«copyright» content=«Петров A.A.»>	Копирайт.
<title>0 центре</title>	Название страницы отображается в заголовке браузера.
<meta name=«description» content=«CaftT представляет виды лечебной, научной и научно-практической деятельности академической группы...» >	Описание страницы, которое отображается в поисковых запросах.
<meta name=«keywords□ content=□аллергия, аллергология, астма, бактериемия, беременность, бесплодие, гепатит, гинекология...» >	Ключевые слова.
</head>	Закрытие головы страницы.
<body>	«Тело» страницы; этот тэг может быть снабжен атрибутами, задающими размер шрифта, отступы, цвет текста, цвет фона, рисунок для фона и многое другое.
<table border=«0» ce]llpadding=«0» cellspacing=«0» style=«border- collapse: collapse» border-color=«№ 111111□ width□100 %» id=«AutoNumberl»> <tr> <td width=«85 %» valign=«top»> <h3 align=«center»>Hayчный клинический центр нейроэндокринной трансплантологии</hЗ>; <р align=«center»>105275 Москва, 9-я улица Соколиной горы, дом 12 (1 этаж, кабинет 130); <br> телефон/факс: (095) 366 3729; </td> <td width>=15 %»> <р align=□center□> <img border=«0» src=«logo.gif» width=□84□ height=«73»x/td> </tr> </table>	Контент страницы; в данном случае таблица, в ячейках которой находится некоторый текст.
</body>	Закрытие тела страницы.
</html>	Последний тэг документа.

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

Единственное, о чем еще полезно будет упомянуть, так это о гиперссылках и о вставке в документ графических файлов. И то и другое размещается, естественно, в body.

Гиперссылки, наверно, составляют самую суть гипертекстовой разметки. Во Всемирной паутине вы просто нажимаете на ссылку и мгновенно оказываетесь в другой точке земного шара на выбранной вами страничке. Причем одновременно можно просматривать столько страниц, сколько окон поместится на вашем экране.

Соответствующий тэг выглядит в самом простом случае так:

<а href=«URL адрес ссылки»>текст ссылки</а>

Здесь под URL адресом подразумевается указание на страницу, на которую следует загрузить текст — текст ссылки. Это может быть имя файла, находящегося в том же месте, что и стартовый файл (локальная ссылка), а может быть и URL-адрес в интернете вида: http://webjur.ru/index.htm. В качестве текста ссылки могут быть и текст, и рисунок.

Графика на странице хранится в отдельных файлах, которые могут быть формата gif и jpg. Графика в простейшем случае вставляется следующим образом:

<img src=«URL адрес файла картинки» width=

=«91» height=«120»>

где img — тэг; a width «91» и height = «120» — ширина и высота картинки в пикселях (точках).

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

В качестве иллюстрации предлагаем знаменитую статью Дока Сер-лза (Doc Searls) и Дэвида Вайнбергера (David Weinberger) «Мир концов: Что такое интернет и как перестать его путать с чем-то другим».

________________________________________________________________

ИЛЛЮСТРАЦИЯ

Док Серлз и Дэвид Вайнбергер

О ТОМ, ЧТО ТАКОЕ ИНТЕРНЕТ И С ЧЕМ ЕГО ПУТАЮТ

17 июня 2003 membrana