HTML для домохозяек

Специальные символы

Некоторые символы не входят в базовую часть таблицы кодов ASCII. К ним относятся буквы алфавитов части европейских языков, математические и некоторые другие символы. Некоторые символы, введенные в HTML документ будут интерпретироваться не так, как задумал автор. Это, например, символы "<" и ">", используемые для указания тегов.
В этих случаях можно вводить нужные символы с помощью специальных кодов. Коды начинаются с символа "амперсанд"(&). За ним следует название символа либо его числовой код в десятичной или шестнадцатеричной системе. Завершает код символ "точка с запятой"(;).
Вот только некоторые символы:

"	двойная кавычка	"
&	амперсанд	&
<	знак 'меньше'	<
>	знак 'больше'	>
	неразрывный пробел
–	тире	–
—	длинное тире	—
‘	левая одиночная кавычка	‘
’	правая одиночная кавычка	’
&spades;	знак масти 'пики'	♠
&clubs;	знак масти 'трефы'	♣
&hearts;	знак масти 'червы'	♥
&diams;	знак масти 'бубны'	♦
Полный список спецсимволов можно найти здесь.

Обрамляем текст

Итак, вот правила для простейшей рамки ( в разных браузерах она выглядит по-разному):
<fieldset>...</fieldset>
Рамка с заголовком ("легендой"):
<fieldset><legend>ТЕКСТ ЗАГОЛОВКА</legend>ТЕКСТ В РАМКЕ</fieldset>

Заголовок по умолчанию находится слева, но ему можно задать разные параметры выравнивания:
<legend align="center">ТЕКСТ ЗАГОЛОВКА ПО ЦЕНТРУ</legend>
<legend align="right">ТЕКСТ ЗАГОЛОВКА СПРАВА</legend>

Цвет и размер шрифта заголовка также можно задать свои (см. теги физического форматирования текста). Кроме текста, в заголовке можно разместить изображение (например, оригинальный разделитель).

Еще один вид рамки

Иногда хочется выделить какое-либо слово, букву, графическое изображение или, порой, целое сообщение.

Один из способов привлечения внимания к вышеперечисленному - обрамление с помощью тега <BLOCKQUOTE>:

<blockquote style="border:1px #CD5C5C solid; padding: 10px; margin:0px 0px 0px 0px;">Ваш текст</blockquote>

Ваш текст

<blockquote style="border:2px #c0c0c0 dotted; padding: 10px; margin:0px 0px 0px 0px;">Ваш текст</blockquote>

Ваш текст

<blockquote style="border:10px #FFD700 solid; padding: 10px; margin:0px 0px 0px 0px;">Ваш текст</blockquote>

Ваш текст

<blockquote style="background-color: #FFB6C1; border:1px #FF00FF solid; padding: 10px; margin:0px 0px 0px 0px;">А вот текст в рамке с цветным фоном</blockquote>

А вот текст в рамке с цветным фоном

<blockquote style="border:3px #000000 dashed; padding: 15px; margin:0px 0px 0px 0px;"><center>Ваш текст</center></blockquote>

Текст можно расположить в любой части рамки

Атрибут стиля border позволяет задать вид границ вокруг объектов. Атрибут border может быть применен к любым объектам. Могут быть установлены следующие параметры границы:

border-width - ширина границы. Может быть задана значением в пикселях или с помощью зарезервированных слов thin (тонкая), medium (средняя), thick (толстая).
border-color - цвет границы. Может принимать значение transparent для задания невидимой, но имеющей ширину, границы, что иногда полезно.
border-style - задает стиль рисования границы. Может принимать следующие значения: none (по умолчанию), hidden, dotted, dashed, solid, double, groove, ridge, inset, outset.

Другие переменные:

background-color - цвет фона рамки. Также можно прописать адрес фоновой картинки.
padding - отступ текста от рамки внутри
margin - отступ от текста снаружи (если рамка находится внутри текста)

Синтаксис смотрите выше, в примерах.
Обратите внимание на особенности прописывания стиля.