Russian Belarusian English German Japanese Ukrainian

Страницы Web оформляются на языке HTML (Hypertext Markup Language) - это язык описания документов, используемый в WWW. Имеется немало литературы, по которой можно ознакомиться с этим языком. Кроме того, имеется множество редакторов, позволяющих создавать файлы .html непосредственно из текста, форматируемого обычным образом. В частности, нельзя не сказать о широко распространенной системе Microsoft FrontPage, которая позволяет готовить и отлаживать страницы Web. То же, только с меньшими возможностями, позволяют делать и более простые программные средства, в частности, Word, начиная с версии Word 97.

Впрочем, для тех, кто никогда не сталкивался с HTML, стоит немного рассказать о нем. Описание документа состоит из «тегов» (операторов). Начало каждого тега обозначается его именем, заключенным в угловые скобки. Например, тег <b> или <strong> означает начало жирного шрифта. Окончание тега обозначается также его именем, заключенным в угловые скобки, но перед именем ставится символ обратного слэша "/".

В качестве простого примера составьте в любом текстовом редакторе документ:

<HTML>
<BODY>
Это <В> жирный</В> шрифт
</BODY>
</HTML>

В этом документе к тегу <b> добавлен тег <html>, обозначающий начало документа HTML. Сохраните составленный документ как «только текст». Дайте файлу расширение .html. Запустите на выполнение какой-нибудь браузер и откройте в нем сохраненный файл. Результат отобразиться в окне браузера.

В C++ Builder 6 составлять и отлаживать документы HTML можно, не выходя из ИСР C++ Builder. Откройте текстовый файл (команда File | New | Other, пиктограмма Text на странице New) и занесите в него приведенный текст. Сохраните его (команда File | Save As), дав расширение .html. А теперь щелкните в окне Редактора Кода правой кнопкой мыши и выберите из контекстного меню команду html Editor.

Ниже представлен более сложный пример:

<html>
<head>

<title>Интернет учебник по C++Builder</title>

</head>

<body>

<h1>Удобный и простой ресурс</h1>
<hr>

<p>&quot;<b>C++Builder 6. Справочное пособие</b>squot;</р>
<hr>

<а HREF="http://cubook.supernew.org/"><р>Если Вас заинтересовал ресурс - нажмите здесь </а></р>

</body>

</html>

Качественный документ HTML, подобный приведенному, содержащий заголовок и оформленный по всем правилам, можно создать в C++ Builder, если, выполнив команду File | New | Other, затем необходимо щелкнуть на пиктограмме HTML Document на странице Web Documents. В Редактор Кода загрузится заготовка документа вида:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>

<TITLE>Untitledl.html</TITLE>
</HEAD>
<BODY>


</BODY>
</HTML>

Между тегами <BODY> и </BODY> можно вставить приведенный выше текст, а в заголовке после тега <TITLE> вставить приведенный выше заголовок.

В приведенном тексте введен ряд еще не обсуждавшихся тегов. Тег <title> определяет текст, который виден в полосе заголовка окна браузера. Тег <body> определяет основной текст документа. Тег <h1> задает формат заголовка первого уровня. Тег <hr> задает строку в виде линии, отделяющей одну часть текста от другой. Тег <p> определяет очередной абзац. Тег <а> определяет ссылку на другой документ. После символов "<а" вводится ключевое слово HREF, а затем после знака равенства указывается в кавычках адрес URL. Если документ предназначается для локального использования на компьютере без выхода в Интернет, то вместо URL можно указать файл документа, на который необходимо перейти. Например:

<а HREF="file:///f:/tests/internet/html2.htm">

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

<а HREF="html2юhtml">

Если документ HTML2.html расположен в том же каталоге, в котором располагается документ, содержащий данную ссылку, то все сработает нормально: браузер возьмет тот же каталог и заменит только имя файла на «HTML2.html». Если ссылка имеет вид:

<а HREF="/tests/internet/html2.htm">

то диск будет считаться тем же, на котором расположен документ, содержащий ссылку.

Аналогичные сокращенные ссылки можно использовать и в URL, содержащих адрес сервера. Если вызываемый документ расположен на том же сервере и в том же каталоге, что и документ, содержащий ссылку, то можно не писать в ссылке «http://», не писать полный адрес, а указывать только имя документа. После того, как указан адрес ссылки (в виде URL или имени файла) в теге записывается текст, нажав на который пользователь сможет перейти по указанному адресу.

Чтобы проверить ссылки в работе, не связываясь с Интернет, создайте еще один документ, например, следующий:

<html>

<title>Информация о ресурсе</title>
<body>

<h1>Статьи</h1>
<hr>
<р>Новые статьи</р>
<hr>

<а HREF="http://cubook.supernew.org/">перейти</p>

</body>
</html>

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Добавить комментарий


Поиск по сайту