Проектирование Интернет приложений. Тузовский А.Ф. - 35 стр.

UptoLike

ВУЗ: 

ТПУ | Томск

Составители: 

Рубрика: 

35
Окончание табл. 1.3
Тэги
Описание тэгов
Атри-
буты
Описание ат-
рибутов
<br/>
Принудительный перевод строки. Использу-
ется для остановки в указанной точке обтека-
ние объекта текстом и затем продолжения
текста за объектом.
сlеаr
Возможные
значения атри-
бута: left, right,
аll.
Элементы – контейнеры
Элементы-контейнеры никакого действия браузера не вызывают,
а используются только для логического деления HTML документа на
части. В контейнеры (между начальным и закрывающим тэгами) раз-
мещают другие элементы, которыми надо управлять совместно.
Такими элементы создаются с помощью тэгов div и span. С помо-
щью тэга div создается блочный контейнер, который начинается с новой
строки, и следующий за ним элемент также будет начинаться с новой
строки. А с помощью тэга <span> создается строчный элемент, который
размещается в той же самой строке, что и окружающий его текст. Ос-
новными атрибутами контейнеров являются id и class. Следует помнить,
что строчные контейнеры могут включать только другие строчные кон-
тейнеры, а блочные контейнеры могут включать как строчные, так и
блочные контейнеры.
Элементы-контейнеры позволяют применять правила каскадных
таблиц стилей (CSS) к содержимому HTML документа. Пример HTML
страницы, в которой используются контейнеры и CSS стили (язык CSS
описан в следующем разделе пособия) показан ниже:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style style = "text/css">
body { font-family: Verdana; font-size: 9pt; text-align: right; }
div { font-family: Georgia; }
.important { background-color: #ffffde; border: thin black ridge; }
</style> </head>
<body> Здесь начинается текст тела страницы.
<div>А здесь идет текст div контейнера. Этот текст пишется другим
шрифтом.</div> Текст тела страницы продолжается
<span> в span контейнере </span> и здесь заканчивается.
<div class="important">Это очень важная информация в другом div контейнере
!</div> А здесь текст тела страницы заканчивается.
</body>
</html>

Страницы