Основные теги оформления (FreeMan646) // Форум

Вход на сайт

Регистрация или
восстановление пароля

Куда я попал?!?

Размещение рекламы

Планета Земля // Россия // Армавир // Другие разделы // Объявления

Домен: http://armavir.en.cx/ (владелец домена: FreeMan646)

Показать аватары

Модераторы форума: FreeMan646

12.06.2010 16:01:45 / 9 сообщений / автор темы FreeMan646 .

FreeMan646

[ 12.06.2010 16:01:45 (UTC +3) ]

Буду создавать шаблоны анонсов и выкладывать их тут по мере готовности:
1. Внешний вид. Код.
2. Внешний вид. Код.
2.v2. Внешний вид. Код.

Если хотите создать анонс сами читаем ниже:
------------------------------

В связи с переходом на XHTML эта страница (которой пользовались многие авторы для оформления анонсов и заданий) уже стала неактуальной. Поэтому хочу представить Вам основные теги оформления:

<strong>Жирный текст</strong>

<em>Курсивный текст</em>

<del>~~Зачеркнутый текст~~</del>

<u>Подчёркнутый текст</u>

Если необходимо воспользоваться сразу несколькими тегами, то проще будет объединить их в style.

<font style="font-weight: bold; font-style: italic; text-decoration:underline;">Текст</font>

Свойств STYLE на самом деле очень много, например:

font-weight: bold; - Жирный
font-style: italic; - Курсивный
italic; text-decoration:underline; - Подчеркнутый
text-decoration:overline; - Подчеркнутый сверху
text-decoration:line-through; - Зачеркнутый
vertical-align:super; - Верхний индекс
vertical-align:super; - Нижний индекс
text-decoration: blink; - Мигающий текст

Также атрибут STYLE и все его свойства можно применять в теге DIV.

<div style="font-weight: bold; font-style: italic; text-decoration:underline;">Текст</div>

Это рекомендуется делать в случае если нужно отформатировать не только текст, а текст с другими тегами внутри.

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

FreeMan646

[ 12.06.2010 16:18:48 (UTC +3) ]

Размер и тип шрифта:

Тут все просто, можно использовать тот же STYLE со свойствами:

font-family:Tahoma, sans-serif; – определяет вид и семейство шрифта.

font-size:13px; – устанавливает размер шрифта в пикселях или процентах
font-variant:small-caps; – выводит капитель – большие буквы маленького размера.
letter-spacing:2px; – создает дополнительное расстояние между символами в пикселях.
text-transform:capitalize; – отображает каждое слово с заглавной буквы.
text-transform:lowercase; – преобразует все буквы в маленькие.
text-transform:uppercase; – преобразует все буквы в заглавные.

Второй вариант увеличение размера шрифта использование тега SPAN

<span class="h24">Крупный шрифт</span>

Привычными тегами <h1></h1>, <h2></h2>, <h3></h3> пользоваться можно, но не рекомендую....

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

<big>Большой</big>
<small>Маленький</small>

FreeMan646

[ 12.06.2010 16:21:34 (UTC +3) ]

Цвет текста.

Тут ничего не изменилось:

<font color="red">Красны цвет</font>
<font color="gold">Золотой цвет</font>
<font color="LawnGreen">Цвет LawnGreen</font>

Полную таблицу цветов можно посмотреть например тут

FreeMan646

[ 12.06.2010 17:06:20 (UTC +3) ]

Бегущая строка.
По ней я ничего не нашел.
Есть огромнейшие скрипты, а вот что то поменьше нет. Пока только это:

В XHTML, как и в HTML 5, бегущая строка запрещена, точнее запрещены теги <marquee> </marquee> да и с дизайнерской точки зрения бегущая строка — это вчерашний день.

FreeMan646

[ 12.06.2010 17:13:03 (UTC +3) ]

Ну и еще немного информации...

Вставка картинок:

Изменилось только то, что в конце надо добавить / и обязательно указать атрибут alt.

Со вставкой ссылок ничего не изменилось.

Выравнивание текста:

<div class="center">Текст по центру</div>

<div class="right">Текст по правому краю</div>
по левому он и так по умолчанию....

т.е. про тег <center> забыли.

Все самозакрывающиеся теги, такие как IMG, BR и прочие обязательно надо закрыть косой чертой.
т.е. раньше было <br>, стало <br />

Все остальные теги обязательно закрывать и соблюдать последовательность....