Это цитата сообщения Dpunk Оригинальное сообщение

в помощь блоггерам =)

В колонках играет - Дочки-Матери - Трамвай
Настроение сейчас - отличное)

этот пост я хочу посвятить всем моим ПЧ, которые не знакомы с тегами HTML. Раскрою для вас некоторые секреты своего оформления)))
Бродя по некоторым дневам я замечал разные недоработки в оформлении, связанные только с тем, что владельцы просто не знали как сделать лучше. В основном это касается эпиграфов и ячейки о себе, хотя все это работает и в обычных постах.



# 1. есть один маленький тег, очень простенький и очень нужный, только вот не все о нем знают. Тег BR переносит всё, что следует за ним на новую строку.

пишем:
текст на одной строке<br />текст на следующей строке

результат:
текст на одной строке
текст на следующей строке

---

# 2. для удобства разделения одной части от другой я использовал тег линии HR:

пишем:

<hr width="50%" />

результат вы видели выше и еще увидите не раз ниже =) кстати аргумент width="50%" отвечает за то, какой длины будет линия. В данном случае я поставил значение половины от границ.

---

# 3. возможно вы часто встречали у многих в дневниках перечеркнутый текст и вам хотелось также.. но как? очень легко!!!

пишем:

<s>текст, который будет перечеркнут</s>

результат:

текст, который будет перечеркнут

---

# 4. очень часто необходимо разместить текст/картинку по центру или правому краю (по умолчанию все ориентировано по левому краю). для этого будем использовать тег DIV с аргументами center
(по центру) и right (справа)

пишем:

<div align="center">текст, который будет по центру</div>

результат:



пишем:

<div align="right">текст, который будет справа</div>

результат:

---

# 5. про движущийся текст уже много где было сказано и наверное есть у многих в цитатнике, но я все-таки повторюсь. Двигать текст заставляет тег MARQUEE.

пишем:

<marquee>текст, который будет прокручиваться</marquee>

результат:

текст, который будет прокручиваться

но обычной прокруткой мало кого удивишь, поэтому рассмотрим некоторые ухищрения, будем использовать атрибуты:

width="" - определяет ширину зоны, где прокручивается текст.

height="" - определяет высоту зоны, где прокручивается текст.

BEHAVIOR="alternate" - определяет вид прокрутки, в данном случае текст будет "отталкиваться" от стенок.

DIRECTION="" - определяет направление прокрутки. (после знака = в кавычках может быть DOWN ; LEFT ; RIGHT ; UP . Направление вниз; влево; вправо; вверх соответственно)

bgcolor="" - определяет цвет фона. Можно писать цвета на англ.языке.
(red, yellow, blue, white, brown,
green, silver, lime, и многие другие).

пишем:

<marquee width="100" height="100" behavior="alternate" direction="up" bgcolor="lightgray">текст, который будет прокручиваться</marquee>

результат:

текст, который будет прокручиваться

---

К обычным тегам HTML можно добавлять различные стили CSS. Что это обьяснять не буду, лучше несколько примеров =))

---

# 6. Есть одна такая модная штука, которая подчеркивает текст сверху или и сверху и снизу. Не знаю пригодится ли это вам, но эффект интересный =)

пишем:

<font style="text-decoration:overline">"надчеркнутый" текст</font>

результат:

"надчеркнутый" текст

пишем:

<font style="text-decoration:overline underline">"надчеркнутый" и подчеркнутый текст</font>

результат:

"надчеркнутый" и подчеркнутый текст

---

# 7. Про границы тоже было много примеров, сам видел у кого-то в цитатниках. Но скажу сам.

Стиль границ можно применять к любым объектам. Рассмотрим возможности на примере тега DIV.

пишем:

<div style="background: silver; border-color: red; border-style: dotted; width:500">текст, который будет в рамке</div>

результат:


пояснение:

background: lightgrey; - цвет фона

border-color: red; - цвет рамки

width:500; - ширина объекта

border-style: dotted; - стиль рамки

другие возможные стили рамок:

hidden dotted solid double groove ridge inset outset

---

# 8. И последнее. Не бойтесь экспериментировать! Многие теги и эффекты можно комбинировать и добиваться хороших результатов!))) Все в ваших силах! =)

---

(c) Dmitry Dpunk

и просьба, если будете копировать текст, ссылайтесь на меня)

[248x83]