Design

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Design » Разное » Полезные теги


Полезные теги

Сообщений 1 страница 5 из 5

1

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

© КФ

0

2

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, ..."

© КФ

0

3

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()"
© КФ

0

4

3. Разделительная линия

3.1. Разделительная линия.
Тег разделительной линии <hr> но мало кто сейчас вспомнит, что у этого тега есть полезные атрибуты. Вот о них и поговорим.
   align="xxx" - выравнивание линии
             right - по правому краю
             left - по левому краю
             center - по центру (стоит по умолчанию)
   noshade - убирает эффект трехмерности. То есть линия становится простой полоской
   color="xxx" - цвет ссылки. Может быть как словом, так и в шестнадцатиричной системе.
   width="xxx" - ширина линии. Советую делать в процентах (если ширина форума не фиксированная).
   size="xxx" - высота линии. Указывать в пикселях
© КФ

0

5

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>

А потом просто играемся с атрибутами )
© КФ

0


Вы здесь » Design » Разное » Полезные теги