<<Темы
Урок 3. Тэги форматирования документа (продолжение)
Элемент br
Одиночный тэг. Он задает разрыв текста с переходом на новую
строку.Он может иметь вложенный атрибут clear
,который
может принимать значения left
, all
или right
и тем самым указывать обтекание
текста вокруг плавающих изображений вставленных в текст нестандартным
способом.
По желанию разрыв строки<br>
можно сделать в любом месте строки.
Элемент nobr
Строчный тэг. Заключенный между этими тэгами текст не
переносится на другую строку, даже если текст шире окна браузера.
Особенно ценен при использовании в таблицах.
Элемент pre
Блочный тэг. Означает предварительно форматированный текст.
Текст, заключенный между этими тэгами, выводится браузером на экран как
есть - со всеми пробелами, символами табуляции и конца строки.
<pre>Будет столько пробелов, сколько вы поставите, и табуляция
а также перевод строки и многое другое.</pre>
Элемент
hr
Блочный одинарный тэг. Дает указание браузеру начертить
горизонтальную линию. Имеет необязательные атрибуты:
size
— толщина линии
width
— ширина линии (числом или в %)
align="right/left/center"
— выравнивание по
правому/левому краю/центру
noshade
— запрещает отображение тени
color
— цвет линии (по умолчанию принимает
цвет шрифта)
<hr size="3px" width="50%" align="center" noshade
color="steelblue">
Элемент
marquee
Блочный тэг. Бегущая строка. Позволяет передвигать не только
текст, но даже и графические объекты. Не работает под Netscape. Имеет
необязательные атрибуты:
bgcolor
— цвет фона
width
— ширина поля строки (в px или %)
height
— высота поля строки (в px)
hspace
— вертикальный интервал от края поля до
текста
vspace
— горизонтальный интервал от края поля
до текста
align
— горизонтальное выравнивание текста в
поле строки (значения top
, bottom
,
middle
)
behavior
— тип движения строки:
="scroll"
— текст появляется у одного края и исчезает за другим
="slide"
— строка выходит из одного края поля и останавливается у
противоположного края
="alternate"
— задает переменное направление, от одного края до другого и обратно
direction
— направление движения (right
,
left
, up
, down
)
scrollamount
— скорость движения, перемещение
в px за одну интеракцию
scrolldelay
— пауза между интеракциями в
тысячных долях секунды
loop
— число повторов (infinite
или количество)
<marquee bgcolor="steelblue" width="25%" heidht="45px"
hspace="30px" vspace="5px" align="top" behavior="alternate"
scrolldelay="300">Бегущая строка</marquee>
Логические стили
Все эти тэги строчные. Служат для удобного веб-дизайнеру
маркирования текста. То, как выводится на экран текст, отмеченный
логическими стилями, зависит не только от средства просмотра, но и от
таблиц стилей на сервере. Вот самые распространенные из них:
address
— <address>Rada@ntspi.ru</adress>
— используется для оформления контактной информации текущего документа
,будь то адрес электронной почты или полный почтовый адрес с номером
телефона
dfn
— <dfn>Определение</dfn>
— служит для описания определений
em
— <em>это
важно</em>
— служит для выделения
слов
cite
— <cite>цитирую</cite>
— служит для выделения заголовков книг, фильмов, цитат и т.п
code
— <code>if
x=30 then y=25
</code>
—
служит для выделения программных кодов, текстов программ и т.п
kbd
— <kbd>введите
ваше имя</kbd>
— используется для
ввода с клавиатуры пользователя
samp
— <samp>access
denied</samp>
— используется для
машинных сообщений
strong
— <strong>это
очень важно</strong>
— служит
для особого выделения слов
var
— <var>string</var>
— используется для символьных переменных
Комментарии
Для удобства веб-дизайнера в язык HTML встроены комментарии.
Они служат для того, чтобы комментировать написанный код. Комментарии
не отображаются в окне документа. Комментарии можно растянуть на
несколько строк. Открывают комментарии элементом <!--
,
а закрывают элементом -->
.
<!-- Это комментарий -->