Тут будут все полезные и важные теги, связанные с текстом, бегущей строкой и другими прелестями. В общем, немного информации, которая может пригодиться в оформлении, например - таблицы.
© КФ
Design |
Привет, Гость! Войдите или зарегистрируйтесь.
Тут будут все полезные и важные теги, связанные с текстом, бегущей строкой и другими прелестями. В общем, немного информации, которая может пригодиться в оформлении, например - таблицы.
© КФ
1. Форматирование текста
Такие теги можно использовать для укражения таблицы, например.
<i>текст размещать тут</i> - теги курсивного текста
<b>текст размещать тут</b> - теги жирного текста
<u>текст размещать тут</u> - теги подчеркнутого текста
<s>текст размещать тут</s> - теги зачеркнутого текста
<big>текст размещать тут</big> - теги крупного текста
<small>текст размещать тут</small> - теги мелкого текста
<sub>текст размещать тут</sub> - теги подстрочного текста (не показать, но это типа нижнего числа в табл. Менделеева)
<sup>текст размещать тут</sup> - теги надстрочного текста (не показать, но это типа степени)
А теперь о более глобальном ))
<font size="5" color="red" face="arial">текст размещать тут</font>
Разберемся с параметрами тега.
size="5" - размер текста. Может указываться числом (от 1 до 7). Другой вариант написания: +1, -1 и т.д.
color="red" - цвет текста. Цвет можно указывать названием (red, black. green и т.д.) или в шестнадцатеричной системе (#000000 - как пример)
face="arial" - шрифт текста. Помните, что если вы ставите какой-то особенный шрифт, то не у каждого пользователя он может быть. Поэтому лучше указывайте несколько шрифтов. Пример: face="шрифт1, шрифт2, ..."
© КФ
2. Бегущая строка
Итак, тег бегущей строки - <marquee></marquee> Однако у этого тега множество атрибутов. Вот о них-то мы и поговорим. Останавливаться подробно куда эти атрибуты пихать, я не буду, сразу перейду к главному. Всевозможные атрибуты бегущей строки ниже.
Размеры
width="x" - ширина строчки
height="x" - высота строки
Выравнивание
align="ххх" - где вместо ххх можно вписывать:
top - выравнивание по верху
bottom - выравнивание по низу
center - выравнивание по центру
left - выравнивание по левому краю
right - выравнивание по правому краю.
Отступы
vspace="х" - отступ сверху и снизу поля
hspace='х" - отступ слева и справа поля
Цвет фона таблицы
bgcolor="ххх" - э.. Цвет фона таблицы, на которой будет бегущая строка (цвет можно прописывать как кодом, так и словом)
Способ перемещения
behavior="xxx" - где вместо ххх вписываем что-либо из написанного ниже
slide - текст доезжает до края и останавливается
scroll - текст проезжает и появляется снова
alternate - текст движется от одного края к другому
Направление строки
direction="xxx" - где вместо ххх вписываем что-либо из написанного ниже
left - текст будет двигаться с права на лево (по умолчанию)
right - текст двигается с лева на право
up - текст движется снизу вверх
down - текст движется сверзу вниз
Повторение
loop="х" - сколько раз строчка будет повторять свое движение (по умолчанию двигается бесконечно)
Скорость перемещения текста
scrollamount="x" - точнее - не скорость, а шаги перемещения в полосе
Задержка
scrolldelay="х" - служит для указания времени задержки в миллисекундах между отдельными тактами перемещения строки
И, наконец, мы не забудем и о строке, останавлявающейся при наведении курсора. Для этого в тег введите седующую конструкцию:
onMouseOver="this.stop()" onMouseOut="this.start()"
© КФ
3. Разделительная линия
3.1. Разделительная линия.
Тег разделительной линии <hr> но мало кто сейчас вспомнит, что у этого тега есть полезные атрибуты. Вот о них и поговорим.
align="xxx" - выравнивание линии
right - по правому краю
left - по левому краю
center - по центру (стоит по умолчанию)
noshade - убирает эффект трехмерности. То есть линия становится простой полоской
color="xxx" - цвет ссылки. Может быть как словом, так и в шестнадцатиричной системе.
width="xxx" - ширина линии. Советую делать в процентах (если ширина форума не фиксированная).
size="xxx" - высота линии. Указывать в пикселях
© КФ
4. Ссылки и картинки
4.1. Оформляем ссылки.
Тег ссылки <a>Название ссылки</a> - сам по себе ничего не даст без атрибутов, поэтому, не задерживая внимания на ерунде, быстро перехожу к ним.
Параметры тега:
href="www.xxx.xx" - собственно, ссылка, на которую при нажатии пользователь должен перейти. Кстати говоря, если вы хотите чтобы с помощью ссылки можно было отправить сообщение на электронный адрес - пропишите mailto:ххх@ххх.хх
title="xxx" - всплывающая подсказка. Что будет написано при наведении курсора на ссылку
target="xxx" - куда браузер будет загружать страницу возможные варианты
_blank - загружает страницу в новое окно
_self - загружает страницу в текущее окошко (по умолчанию)
4.2. Картинки.
Тег картинок - <img> - опять же, сам по себе ничего не говорит и от того, что вы его вставите, картинка у вас не появится.
Параметры тега и атрибуты параметров:
src="xxx" - ссылка на картинку
align="xxx" - выравнивание картинки и обтекание её текстом
bottom - по низу строки (страницы)
top - по верху
middle - по центру
left - по левому краю
right - по правому краю
width="xxx" - ширина картинки. Желательно кстати, указывать размер.
height="xxx" - высота картинки
vspace="х" - отступ сверху и снизу от рамки
hspace="х" - отступ слева и справа от рамки
border="x" - толщина рамки
4.3. Делаем баннер.
<a> <img> </a>
А потом просто играемся с атрибутами )
© КФ