Карпалюк И.Т. и др. Компьютерные сети и телекоммуникации, лекции

Подождите немного. Документ загружается.

141

color=''Цвет''

Атрибут face (вид) позволяет задавать тип шрифта:

face=''Название шрифта''

Если в системе не установлен шрифт точно с таким же названием, то

броузер использует свой стандартный. Он имеет два назначенных по умолча-

нию шрифта: один пропорциональный, другой моноширинный.

<B></b>

Выделение текста полужирным шрифтом.

Увеличенный размер шрифта

Уменьшенный размер шрифта

<I></i>

Выделение текста курсивом

Элементы, означающие выразительность фрагмента текста и определе-

ние чего-либо. Оба элемента аналогичны по своему действию элементу I, то

есть, в большинстве случаев, позволяют выделить текст курсивом.

Они могут пригодиться только для того, чтобы единообразно выделить

одинаковые по назначению (или смыслу) фрагменты текста, находящиеся в

разных частях документа или даже на разных страницах. Разработчик в этом

случае не может точно знать, какой именно шрифт будет использован: это оп-

ределяется каждым броузером по-своему. Но он может быть точно уверен, что

все фрагменты текста будут отформатированы одинаковы.

Элемент, обозначающий текст телетайпа. Его особенность заключается в

использовании моноширинного шрифта.

Элемент, создающий перечеркнутое начертание текста.

<U></u>

142

Подчеркнутое начертание текста.

Элемент, отвечающий за выделение текста. Обычно его применение

равносильно использованию элемента для выделения полужирным.

Элемент, создающий эффект нижнего индекса.

Элемент, создающий эффект верхнего индекса.

Списки

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

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

грамма. Если список добавляется новыми пунктами или укорачивается, нуме-

рации корректируется автоматически. В случае ненумерованных списков про-

грамма ставит перед каждым пунктом маркеры: кружочки, прямоугольники,

ромбы или другие изображения. В результате список принимает удобочитае-

мый, "фирменный вид". Теги для создания списков можно условно разделить

на две группы: одни определяют общий вид списка (и позволяют использовать

атрибуты), а другие задают его внутреннюю структуру. Существует несколько

разновидностей списков.

1) Ненумерованный список (unordered list):

<UL>

<LI> Пункт 1 списка

<LI> Пункт 2 списка

<LI> Пункт 3 списка

</ul><UL>

Элемент UL является своеобразным обрамлением списка и позволяет

отделять один список от другого.

Элемент LI обозначает каждый из пунктов.

143

2) Нумерованный список:

<LI> Пункт 1

<LI> Пункт 2

<LI> Пункт 3

<LI> Пункт 4

</ol>

Способ нумерации задается при помощи атрибута type.

Атрибут Последовательность нумерации

type=''1'' 1, 2, 3, 4, ...

type=''i'' i, ii, iii, iv, ...

type=''I'' I, II, III, IV, ...

type=''a'' a, b, c, d, ...

type=''A'' A, B, C, D, ...

Приведем пример упорядоченного (нумерованного) списка:

1. Пункт 1

2. Пункт 2

3. Пункт 3

4. Пункт 4

3) Списки с определениями (definition lists):

<DL>

<DT> Пункт 1

<DD> Определение пункта 1

<DD> Другое определение пункта 1

<DT> Пункт 2

<DD> Определение пункта 2

Пункт 3

144

<DD> Определение пункта 3

</dl>

Каждый пункт списка может быть дополнен одним или несколькими

блоками текста при помощи тегов DD. Каждый блок автоматически размеща-

ется с новой строки. Термин "определение" носит условный характер. Абзацы,

размещенные в списке, могут быть определениями, дополнениями, разъясне-

ниями пунктов. По сути, пункт представляет собой заголовок, а определение -

произвольный текст под заголовком.

Таблицы в HTML-документе

Общий синтаксис построения таблиц таков: <TABLE BORDER=отступ

WIDTH=размер%> <CAPTION> Название таблицы </CAPTION>

текст_таблицы </TABLE>

Обязательный параметр BORDER= задает ширину рамки таблицы в пик-

селах. Необязательный параметр WIDTH= задает размер таблицы в процентах

относительно размера окна броузера.

Структура таблицы строится из тегов задания строки TR и ячейки TD:

<TR> <TD> ячейка1 </TD><TD>ячейка2 </TD>ячейка 3 </TR>

Здесь определена строка с тремя ячейками

Пример таблицы:

<HTML>

<HEAD>

<TITLE>Пример таблицы</TITLE>

</HEAD>

<BODY>

<CAPTION> Таблица </CAPTION>

<TR>

<TD> Ячейка 1</TD>

<TD> Ячейка 2</TD>

145

<TD> Ячейка 3</TD>

<TD>Ячейка 4</TD>

</TR>

<TR>

<TD> Ячейка 5</TD>

<TD> Ячейка 6</TD>

<TD> Ячейка 7</TD>

<TD>Ячейка 8</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Результат:

Таблица

Ячейка 1

Ячейка 2

Ячейка 3

Ячейка 4

Ячейка 5

Ячейка 6

Ячейка 7

Ячейка 8

Атрибуты дескриптора TABLE :

align Выравнивание по горизонтали

(left, center, right)

bgcolor Цвет фона (например #000000 - черный)

background Фоновая графика (рисунок в формате GIF или JPEG)

border Толщина рамки таблицы

bordercolor Цвет рамки таблицы (IE)

bordercolordark Темный цвет рамки (IE)

bordercolorlight Светлый цвет рамки (IE)

cellspacing Расстояние между ячейками таблицы

cellpadding Расстояние между содержимым ячейки и рамкой

146

width Ширина таблицы

height Высота таблицы

Табличные строки формируются дескриптором <TR>

Атрибуты дескриптора TR

align Выравнивание по горизонтали

(left, center, right)

bgcolor Цвет фона

bordercolor Цвет рамки строки

bordercolordark Темный цвет рамки строки (IE)

bordercolorlight Светлый цвет рамки строки (IE)

valign Выравнивание по вертикали

(top, center, bottom, baseline)

Ячейки данных формируются дескриптором <TD>.

Атрибуты дескриптора TD:

align Выравнивание по горизонтали

(left, center, right)

background Фоновая графика

bgcolor Цвет фона

bordercolor Цвет рамки строки

bordercolordark Темный цвет рамки строки (IE)

bordercolorlight Светлый цвет рамки строки (IE)

colspan Охватываемые ячейкой столбцы

rowspan Охватываемые ячейкой строки

nowrap Выключение разрыва строк

valign Выравнивание по вертикали

(top, center, bottom, baseline)

width Ширина ячейки

height Высота ячейки

147

Тег заголовка таблицы <TH>. Его атрибуты такие же, как и у тега <TD>.

Гиперссылки

Гипертекстовые ссылки (гипеpсвязи) - это указатель на определенное

место в текущем или другом документе.

Для встраивания гиперсвязей используется следующий общий синтак-

сис:

<A HREF="адрес_ресурса ">маршрутизатор </A>

где адpес_pесуpса - URL-адpес, с которым устанавливается гипеpсвязь;

маршрутизатор - это текст или другой объект, при нажатии на который

мышью происходит переход по адресу, указанному в адресе_ресурса ссылки.

Рекомендуется заключить значение атрибута адрес_ресурса в кавычки

(либо одинарные, либо двойные). Строка в кавычках не должна содержать та-

кие же кавычки внутри себя.

Можно также опустить кавычки для значений атрибутов, которые состо-

ят только из следующих символов: символов английского алфавита, цифр,

промежутков времени, дефисов

Существует три основных типа гипеpсвязей:

1. Ссылка на другое место внутри одного документа:

<BODY>

<A HREF ="#метка ">маpшpутизатоp

</A>

Текст документа

</A>

<!-- в это место будет осуществлен пеpеход

</BODY>

2. Ссылка на другой Internet-документ (файл):

<A>HREF="http://www.hitachi.com >

148

мониторы

</A>

При нажатии мышью в тексте HTML-документа на выделенный текст

"мониторы" происходит автоматический переход в сети Internet на страницу

фирмы Hitachi, указанную в адресе ресурса.

3. Ссылка на определенное место другого документа (файла)

<A>HREF="http://www.hitachi.com/index.html#метка >

мониторы

</A>

При этом в документе index.html должна быть метка

Тег <BASE>

предназначен для установки базового адреса (URL) для ссылок. Это по-

зволяет опускать их начальную часть.

Для использования элемента необходима следующая конструкция:

Фрагмент путь1 не является обязательным.

Если надо задать базовый адрес для локального диска (например C:),

должна быть использована такая конструкция:

Тогда при указании относительной ссылки можно задать не только имя

файла, но и имена папок, в которых он находиться. Иными словами, путь к

файлам может быть разбит на две части: абсолютную и относительную. Это

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

начальный фрагмент пути.

В выражении абсолютной ссылки можно также опустить указание на

схему доступа (file://). В этом случае будут учитываться только левая часть аб-

солютной ссылки до первого левого символа "\", то есть имя локального диска.

149

Вставка графических и мультимедийных объектов

Графические файлы могут быть непосредственно встроены в HTML- до-

кумент. Для встраивания ссылок на графические файлы используется следую-

щий синтаксис:

<IMG SRC = "имя.файла" ALT = "текстовое описание"

ALIGN ="местоположение">

где IMG - тег ссылки на графический файл, путь поиска которого опре-

деляется значением атрибута SRС=. Необязательный атрибут ALT= содержит

текстовое описание графического образа, которое по умолчанию отображается

под картинкой. Необязательный атрибут ALIGN= предназначен для задания

местоположения выводимого текстового описания образа и может принимать

значения: BOTTOM, TOP, MIDDLE. Можно задавать рисунок внутри тега, за-

дающего гиперссылку, в качестве маршрутизатора.

Например:

<A HREF="http://www.kture.ua"><IMG

SRC="../PIC/View.jpg"></A>

Общий синтаксис тега подключения аудио- и видео файлов имеет сле-

дующий вид:

<A HREF="имя_файла">выделенный текст</A>

Когда пользователь щелкнет кнопкой мыши на выделенном тексте,

бpоузеp примет указанный файл со звуковым фрагментом или видео и запус-

тит внешнюю программу для его просмотра (в зависимости от используемого

формата).

Выводы

Особенностью глобальных сетей является большая протяженность ли-

ний связи, объединяющих локальные сети.

Существуют следующие типы каналов, используемых для соединения

локальных сетей (или отдельного пользователя с локальной сетью):

150

− выделенная линия

− коммутируемая линия

При соединении по выделенной линии, связь между двумя сетевыми

устройствами существует постоянно. В любой момент времени удаленный

маршрутизатор (мост) может направлять пакеты в выделенный канал, не забо-

тясь об установлении соединения.

В коммутируемой линии связь с другим сетевым устройством (возможно

с несколькими) устанавливается только при необходимости.

Существуют различные типы выделенных и коммутируемых линий: ана-

логовые телефонные линии, цифровые линии PDH, цифровые линии

SONET/SDH, цифровые линии ISDN (более точно: сети ISDN), асимметрич-

ные цифровые абонентские линии ADSL.

HTML (hypertext markup language, язык разметки гипертекста) - это фор-

мат гипермедийных документов, использующихся в WWW для предоставле-

ния информации. Этот формат описывает не вид документа, а его структуру и

связи. Внешний вид документа на экране пользователя определяется програм-

мой просмотра (browser) - в каждом случае документ будет выглядеть по-

своему, но структура его останется неизменной, поскольку она задана форма-

том HTML. Имена файлов в формате HTML обычно оканчиваются на html.