В колонках играет - Дочки-Матери - ТрамвайНастроение сейчас - отличное)этот пост я хочу посвятить всем моим ПЧ, которые не знакомы с тегами HTML. Раскрою для вас некоторые секреты своего оформления)))
Бродя по некоторым дневам я замечал разные недоработки в оформлении, связанные только с тем, что владельцы просто не знали как сделать лучше. В основном это касается
эпиграфов и ячейки
о себе, хотя все это работает и в обычных постах.
# 1. есть один маленький тег, очень простенький и очень нужный, только вот не все о нем знают. Тег
BR переносит всё, что следует за ним на новую строку.
пишем:
результат:
текст на одной строке
текст на следующей строке
# 2. для удобства разделения одной части от другой я использовал тег линии
HR:
пишем:
результат вы видели выше и еще увидите не раз ниже =) кстати аргумент
width="50%" отвечает за то, какой длины будет линия. В данном случае я поставил значение половины от границ.
# 3. возможно вы часто встречали у многих в дневниках перечеркнутый текст и вам хотелось также.. но как? очень легко!!!
пишем:
результат:
текст, который будет перечеркнут
# 4. очень часто необходимо разместить текст/картинку по центру или правому краю (по умолчанию все ориентировано по левому краю). для этого будем использовать тег
DIV с аргументами
center
(по центру) и
right (справа)
пишем:
результат:
текст, который будет по центру
пишем:
результат:
текст, который будет справа
# 5. про движущийся текст уже много где было сказано и наверное есть у многих в цитатнике, но я все-таки повторюсь. Двигать текст заставляет тег
MARQUEE.
пишем:
результат:
но обычной прокруткой мало кого удивишь, поэтому рассмотрим некоторые ухищрения, будем использовать атрибуты:
width="" - определяет ширину зоны, где прокручивается текст.
height="" - определяет высоту зоны, где прокручивается текст.
BEHAVIOR="alternate" - определяет вид прокрутки, в данном случае текст будет "отталкиваться" от стенок.
DIRECTION="" - определяет направление прокрутки. (после знака = в кавычках может быть DOWN ; LEFT ; RIGHT ; UP . Направление вниз; влево; вправо; вверх соответственно)
bgcolor="" - определяет цвет фона. Можно писать цвета на англ.языке.
(
red,
yellow,
blue,
white,
brown,
green,
silver,
lime, и многие другие).
пишем:
результат:
К обычным тегам HTML можно добавлять различные стили CSS. Что это обьяснять не буду, лучше несколько примеров =))
# 6. Есть одна такая модная штука, которая подчеркивает текст сверху или и сверху и снизу. Не знаю пригодится ли это вам, но эффект интересный =)
пишем:
результат:
"надчеркнутый" текст
пишем:
результат:
"надчеркнутый" и подчеркнутый текст
# 7. Про границы тоже было много примеров, сам видел у кого-то в цитатниках. Но скажу сам.
Стиль границ можно применять к любым объектам. Рассмотрим возможности на примере тега
DIV.
пишем:
результат:
текст, который будет в рамке
пояснение:
background: lightgrey; - цвет фона
border-color: red; - цвет рамки
width:500; - ширина объекта
border-style: dotted; - стиль рамки
другие возможные стили рамок:
hidden dotted solid double groove ridge inset outset
# 8. И последнее. Не бойтесь экспериментировать! Многие теги и эффекты можно комбинировать и добиваться хороших результатов!))) Все в ваших силах! =)
(c) Dmitry Dpunk
и просьба, если будете копировать текст, ссылайтесь на меня)