Протоколы Internet


Язык HTML - часть 59


<head>

<style type=”text/css”>

h1.myclass {border-width: 1; border: solid; text-align: center}

</style>

</head>

<body>

<h1 class=”myclass”> this H1 is affected by our style </h1>

<h1 this one is not affected by our style </h1>

</body>

И наконец, для того чтобы ограничить зону действия стилевой информации одним случаем Н1, установим атрибут ID.

<head>

<style type=”text/css”>

h1.myid {border-width: 1; border: solid; text-align: center}

</style>

</head>

<body>

<H1 class=”myclass”> this H1 is not affected </h1>

<H1 this one is affected by style </H1>

<H1> this h1 is not affected </H1>

</body>

В следующем примере использован элемент span для определения шрифтового стиля первых нескольких слов.

<head>

<style type=”text/css”>

span.sc-ex { font-variant: small-caps }

</style>

</head>

<body>

<p><span id=”sc-ex”> the first</span> few words of

this paragraph are in small-caps

</body>

В следующем примере используется div и атрибут class для выравнивания последовательности параграфов. Эта стилевая информация может быть использована повторно, например, для форматирования резюме научных статей путем установки атрибута class в соответствующем месте документа.

<head>

<style type=”text/css”>

div.abstact {text-align: justify }

</style>

</head>

<body>

<div class=”abstract”>

<p>the chieftain product range is our market winner for the coming year.

this report sets out how to position chieftain against competing products.

<p>chieftain replaces the commander range, which will remain on the

price list until further notice.

</div>

</body>

23.2. Типы среды

HTML позволяет разработчику конструировать документы, структура которых не зависит от специфических свойств среды. В результате пользователь может просматривать этот документ с использованием самых разных агентов пользователя: на персональной ЭВМ, рабочей станции, Х-терминале, специально приспособленном телефонном аппарате и т.д..




Начало  Назад  Вперед



Книжный магазин