Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
РЭУБД_лекции.doc
Скачиваний:
3
Добавлен:
01.03.2025
Размер:
1.05 Mб
Скачать

Тема 5. Язык html как средство внешнего представления данных.

Несмотря на то, что в настоящее время существует огромное количество программных продуктов, которые позволяют создавать сайты в режиме  "What you see and what you get" (Что видите, то и получаете), после сохранения документа в качестве web-страницы получается html файл. HTML файл - это обычный текстовый документ, который может быть написан в любом текстовом редакторе (например, блокнот) и сохранён с расширением *.htm или *.html. Многие программы, которые позволяют создавать сайты по готовым шаблонам, имеют встроенный html редактор. Знание html необходимо для более полного контроля всех элементов, которые располагаются на вашей странице (текст, рисунки, таблицы, flash эффекты, java аплеты…), а также для внесения каких-либо исправлений в ходе обслуживания сайта.

HTML ( HyperText Markup Language)- язык гипертекстовой разметки. Он позволяет:-публиковать электронные документы с заголовками, текстом, таблицами, списками, фотографиями и т.д. в сети интернет;

-загружать электронную информацию с помощью щелчка мыши на гипертекстовой ссылке;

-разрабатывать формы для выполнения операций с удаленными службами, для использования в поиске информации, резервировании, заказе продуктов и т.д;

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

5.1 Основные правила проектирования пользовательского интерфейса

Все эти операции выполняются при помощи тегов. Характерной особенностью тегов являются угловые скобки, в которые он заключён (<TAG>). Большинство тегов парные. Второй (закрывающийся) тег начинается с символа косой черты (/). Пример:

<B> Текст выделен полужирным шрифтом </B>

К непарным тегам относятся <BR>, <HR>, <IMG>  и др. Исходный текст html документа с минимальной структурой приведён ниже:

<HTML>

<HEAD>

<TITLE>Заголовок </TITLE>

</HEAD>

<BODY> Тело документа</BODY>

</HTML>

Если Вы используете какую-либо специализированную программу для работы с html-документами, то эти элементы, как правило, вставляются автоматически (описание HTML редакторов смотрите в приложении).

Пояснения:

Между тегами <HTML>…</HTML> должен быть заключен весь html документ.

Между тегами <HEAD>…</HEAD> располагается заголовочная часть документа.

Между тегами <BODY>…</BODY> располагается тело html документа – его содержательная часть.

Большинство тегов, которые используются при написании html файлов,  имеют дополнительные параметры - атрибуты. Это можно продемонстрировать следующим способом.

<TAG атрибут="значение">документ </TAG>

Начнём с рассмотрения атрибутов тех элементов, которые нам уже известны - тег <BODY>. Итак, его атрибуты:

background="…" - служит для указания имени файла в локальной файловой системе или унифицированного указателя ресурса изображения, используемого браузером в качестве фона HTML – документа.

bgcolor="…" – цвет фона html-документа.

text="…" – цвет основного текста.

link="…" – цвет непросмотренных гиперссылок.

alink="…" – цвет активной гиперссылки.

vlink="…" – цвет просмотренных гиперссылок.

bgproporties="…" – свойство изображения, используемого в качестве фона. Может принимать значение fixed (фиксированный), что предотвращает прокрутку фонового изображения – поддерживается только в браузере Internet Explorer.

topmargin="…" – верхнее поле страницы, задается в пикселях (поддерживается только Internet Explorer).

bottommargin="…" - нижнее поле страницы, задается в пикселях (поддерживается только Internet Explorer).

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок </TITLE>

</HEAD>

<BODY bgcolor="#c0c0c0" text="#000000" link="#0000ff"> Тело документа </BODY>

</HTML>

Фон этой страницы будет серого цвета, текст чёрного цвета и ссылки синего цвета.