Язык разметки гипертекста

БОЛЬШАЯ ЛЕНИНГРАДСКАЯ БИБЛИОТЕКА - РЕФЕРАТЫ - Язык разметки гипертекста

Язык разметки гипертекста

HTML - hyper text markup language

или, по-русски, язык разметки гипертекста - никакой на самом деле не язык программирования, а набор инструкций для программы-просмотрщика (броузера). Чтобы писать странички непосредственно в html-коде вам потребуется обычный текстовый редактор или, что удобнее, такая программа, как, например, HomeSite или Arachnophilia (ни в коем случае не Microsoft FrontPage или Netscape Composer - эти программы в первую очередь сделаны для опосредованного, "визуального" создания страничек, то есть в них с собственно html-кодом вы можете вовсе не иметь дело; но они могут не все, допускают кучу бесящих издержек и создают огромное количество лишних участков кода).

Ещё раз: хтмл - не язык программирования. Имея "словарик", хтмл-код можно читать, как относительно связный текст. И ещё одно: "делание" страничек требует минимальных систематических знаний по хтмл-у, не надо запоминать всё, что написано в многочисленных руководствах по хтмл-у. Решайте задачи по мере их возникновения.

Поехали

Язык хтмл состоит из т.н. "тэгов". (TAG - бирка, метка). Большая часть тэгов состоит как бы из двух частей, между которыми содержится текст, который увидит посетитель странички, свойства этого текста описываются этим тэгом. В первой части содержится само "имя" тэга и, если это нужно, некоторые параметры. Вторая часть содержит только имя тэга с предваряющей его косой чертой. Например: </pre> Такая конструкция сигнализирует броузеру, что к последующему содержанию странички этот тэг (в нашем случае тэг "<pre>") уже не относится.

Некоторым тэгам закрывающая часть не нужна, например, тэгу <br>, который указывает броузеру, что следующий за ним текст следует начать выводить с новой строки.

Пример:

<html>

<head>

<title>Стишок</title>

</head>

<body>

Однажды, в студеную зимнюю пору

Сижу за решеткой, в темнице сырой.

Гляжу, поднимается медленно в гору

Вскормленный в неволе орел молодой.

И шествуя важно, в спокойствии чинном,

Мой верный товарищ, махая крылом,

В больших сапогах, в полушубке овчинном,

Кровавую пищу клюет под окном!

</body>

</html>

 Разбор примера:

<html> - указывает броузеру, что файл, который к нему попал - не просто текстовый, а документ html.

В пределах тэга <head>...</head> указывается, в основном, служебная информация, о ней - при необходимости, позже. Единственное, что следует отметить, это находящийся в этих пределах тэг <title>...</title> - В нём указывается "Заголовок" странички, который выводится в синей полосе вверху окна броузера.

В пределах тэга <body>...</body> находится как раз то, что будет собственно в окне броузера. "Перевод" примера:

<Начало документа хтмл>

<блок служебной информации>

<заголовок странички>Стишок<конец заголовка>

<начало тела документа>

Однажды, в студеную зимнюю пору

Сижу за решеткой, в темнице сырой.

Гляжу, поднимается медленно в гору

Вскормленный в неволе орел молодой.

И шествуя важно, в спокойствии чинном,

Мой верный товарищ, махая крылом,

В больших сапогах, в полушубке овчинном,

Кровавую пищу клюет под окном!

<конец тела документа>

<конец документа хтмл>

 Если скопировать содержимое примера в отдельный файл, назвать этот фал "как_нибудь.htm" и открыть этот файл в броузере, вы увидите ваш стишок, записанный в одну строку. Дело в том, что хтмл не воспринимает символ перевода каретки на новую строку. Кроме того, он не воспринимает более одного пробела, поэтому не важно, сколько пробелов между словами было в исходном тексте - на экране броузера останется только один. О том, что нужно делать, когда нужно больше пробелов, будет сказано ниже.

Чтобы разбить текст на строки, нужно в конце каждой строки поставить тэг <br> (о нём мы уже вскользь упоминали). Вот так:

 <html>

<head>

<title>Стишок</title>

</head>

<body>

Однажды, в студеную зимнюю пору<br>

Сижу за решеткой, в темнице сырой.<br>

Гляжу, поднимается медленно в гору<br>

Вскормленный в неволе орел молодой.<br>

И шествуя важно, в спокойствии чинном,<br>

Мой верный товарищ, махая крылом,<br>

В больших сапогах, в полушубке овчинном,<br>

Кровавую пищу клюет под окном!

</body>

</html>

Теперь ваш стишок выглядит уже более привычно для глаза.

 Попробуем усложнить задачу. Заствим вывести текст белым шрифтом на черном фоне. Задать цвет шрифта можно несколькими способами: п