Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Informatics.doc
Скачиваний:
6
Добавлен:
21.08.2019
Размер:
1.33 Mб
Скачать

4. Гипертекстовая разметка

Вся оформительская "кухня" докуметнов Word остается, так ска-зать "за кадром" – готовый документ в DOS просмотреть и отредакти-ровать невозможно. Такие документы не воспринимаются в Intrnet. Для формирования Web-документов используется так называемый язык гипертекстовой разметки HTML (HyperText Markup Language). Созданный с помощью этого языка документ (он имеет формат с рас-ширением .htm) представляет собой ASCI I-файл, доступный для про-смотра и редактирования в любом редакторе текстов. В принципе пользователю и не обязательно знать HTML, так как аналогично Word есть и другие редакторы (например, Web-Page, Front-Page), позволяю-щие с помощью достаточно подробного меню создать вполне сносный Web-документ. Тем не менее, знание помогает использовать многие скрытые возможности HTML-форматирования.

Язык HTML достаточно простой. Он построен по принципу "операторных скобок", снабженных некоторыми дополнительными ат-рибутами: почти всякая операция является "открывающей скобкой" участка документа и имеет свою пару – "закрывающую скобку". Такие операторы называются тэгами (tag – ярлык. бирка) и оформляются всегда в угловых скобках. Например, пара тэгов < Html> </ Html> (за-крывающий тэг всегда начинается с косой черты) ограничивает об-ласть документа. Парный тэг <Title> </ Title> определяет название до-кумента, а пара <Body> </ Body> ограничивает тело (содержимое) до-

кумента. Этот тэг имеет атрибут BGColor (цвет фона). Например, пара <Body BGColor=Pink> </ Body> организует розовый фон документа. Дальше будет указываться лишь "открывающий" тэг с пометкой "пар-ный", если есть соответствующий "закрывающий".

4.1. Основные тэги html

Перечислим базовые тэги языка с коротими комментариями.

<P> (парный) определяет параграф (текст с новой строки). Закрываю-

щий тэг добавляет пустую строку. Имеет атрибут выравнива-

ния Align = Left, Center или Right. Существует и парный тэг

<Center> для выравнивания текста.

<Hn> (парный) определяет заголовок порядка n = 1 … 6. Заголовок

порядка 1 записывается самым крупным шрифтом, порядка 6 –

самым мелким.

<Font> (парный) устанавливает шрифт текста. Имеет атрибуты Face =

"название шрифта", Color = цвет, Size = размер (высота в пунк-

тах).

<BR> - принудительное прерывание текста (переход на новую строку).

<Pre> (парный) определяет текст в исходном формате (т. е. со всеми

знаками форматирования, типом и размером шрифта и т. д.).

Некоторые символы, являющиеся знаками HTML, должны

быть заменены, например, символы <, >, & следует заменить

на &lt, &gt, &amp соответственно. Парные тэги < B>, <I>,

<U>, <Sub>, <Sup> выделяют текст жирным шрифтом, наклон-

ным, подчеркнутым, надстрочным и подстрочным соответст-

венно.

Для создания списков используются тэги:

<UL> (парный) организует простой список, каждый элемент списка

предваряется (непарным) тэгом <LI>,

<OL> (парный) организует нумерованный список вместе с тэгом <LI>,

<DL> (парный) организует список с определениями (каждый пункт

списка подкрепляется определяющей строкой), каждый элемент

списка предваряется непарным тэгом <DT>, а каждый элемент

определений (пояснений) – непарным тэгом <DD>.

Непарный тэг <HR> с атрибутами size = размер, width = шири-

на, align = выравнивание, color = цвет (не везде, правда, эти атрибуты реализованы) определяет полосу-разделитель в документе.

Графические элементы могут быть вставлены в текст тэгом

<Image SRC = "адрес источника"> с атрибутами Align = Top, Middle

или Bottom (относительно предыдущего текста). Можно также

указывать размер рисунка: width = ширина, height = высота в

пикселах или в процентах от соответствующего размера экрана.

Адрес источника должен соответствовать серверу ресурсов, т.

е. если это Web-адрес (URL), то ссылка должна иметь вид

"http: //www. …", если это файл из местного каталога, то ссылка

"file:///C:/ ...‹полный путь›".

Вообще же ссылка на произвольный адрес (рисунка, текста, мультимедиа и т. д.) осуществляется тэгом <a Href="адрес ссылки"> в паре с тэгом </a>. Между ними располагается текст, или рисунок, или какой-нибудь другой элемент документа. При просмотре доку-мента этот элемент выделен цветом (шрифта или границы) и щелчок мышкой по нему реализует указанную ссылку. В некоторых случаях ссылка является атрибутом тэга. Например, если необходимо рисунок, расположенный в местном каталоге по адресу C:/Temp/Logos.jpg, сде-лать фоном документа, то ссылку на него можно включить в тэг <body background="file: /// c:/temp/Logos.jpg" bgpropertiex="fixed">.

Заметим еще, что HTML "не любит" кириллицу и в большинстве случаев заменяет ее знаки символами вставки: &#n, где n – код соот-ветствующего символа в таблице используемого шрифта.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]