..:ДеКаБрь-2оо8:..

Объявление

Добро пожаловать на форум » ..:ДеКаБрь-2оо8:.. !!!
Дизайн форума можно будет сменить после регистрации! Профиль===>Отображения

мой выбор: Mybb Happy snowman
Совет дня: Когда вы заходите на форум, то сразу жмите по Новые сообщения чуть выше и левее данного текста и вы сможете увидит список тем в которые были добавлены новые ответы с момента вашего последнего посещения форума!

Хотите оставлять сообщения на форуме? З А Р Е Г И С Т Р И Р У Й Т Е С Ь
(5 сек рега)

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

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

Вы здесь » ..:ДеКаБрь-2оо8:.. » Наш Декабрь-2008 чат » HTML Теги

HTML Теги

Страница: 1

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

1

  • Автор: DeaD RosE
  • Участник
  • DeaD RosE
  • Откуда: Тюмень
  • Зарегистрирован: 2010-01-12
  • Приглашений: 0
  • Сообщений: 39
  • Уважение: [+0/-0]
  • Позитив: [+1/-0]
  • Пол: Мужской
  • Возраст: 31 [1993-05-12]
  • Провел на форуме:
    4 часа 33 минуты
  • Последний визит:
    2010-06-23 00:33:50

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

Отредактировано DeaD RosE (2010-06-06 02:39:13)

0

2

  • Автор: DeaD RosE
  • Участник
  • DeaD RosE
  • Откуда: Тюмень
  • Зарегистрирован: 2010-01-12
  • Приглашений: 0
  • Сообщений: 39
  • Уважение: [+0/-0]
  • Позитив: [+1/-0]
  • Пол: Мужской
  • Возраст: 31 [1993-05-12]
  • Провел на форуме:
    4 часа 33 минуты
  • Последний визит:
    2010-06-23 00:33:50

ФОРМАТИРОВАНИЕ ТЕКСТА

Зачеркнутый текст <s> ТЕКСТ </s> — ТЕКСТ
Подчёркнутый текст<u> ТЕКСТ </u> — ТЕКСТ
Полужирный текст<b> ТЕКСТ </b> — ТЕКСТ
Полужирный крупный <big> ТЕКСТ </big> — ТЕКСТ
Курсивный текст<i> ТЕКСТ </i> — ТЕКСТ
Маленький текст<small> ТЕКСТ </small> — текст
Неразрывный пробел &*nbsp; (* убрать)
Сноска вверху <sup> сноска</sup> ТЕКСТ сноска
Сноска внизу <sub> сноска</sub> ТЕКСТ сноска
Отступ <blockquote> текст</blockquote> —
отступ от отстального текста
вот так
Ударéние (тэг ставим после нужной буквы) — &*#769; (* убрать)
Текст с подсказкой:
Подведи курсор к тексту!
<q title="текст подсказки"> Подведи курсор к тексту!</q>

Отредактировано DeaD RosE (2010-06-06 02:42:59)

0

3

  • Автор: DeaD RosE
  • Участник
  • DeaD RosE
  • Откуда: Тюмень
  • Зарегистрирован: 2010-01-12
  • Приглашений: 0
  • Сообщений: 39
  • Уважение: [+0/-0]
  • Позитив: [+1/-0]
  • Пол: Мужской
  • Возраст: 31 [1993-05-12]
  • Провел на форуме:
    4 часа 33 минуты
  • Последний визит:
    2010-06-23 00:33:50

ТЕГ Span
Тег SPAN предназначен для определения встроенных элементов документа. Иначе говоря, Элемент SPAN определяет контейнер для внутреннего текста.
В отличие от блочных элементов, таких как TABLE, P или DIV, с помощью тега SPAN можно выделить часть информации внутри других тегов и установить для нее свой стиль.
Например, внутри параграфа (тега P) можно изменить цвет и размер первой буквы, если добавить начальный и конечный тег SPAN и определить для него стиль текста.
Вот несколько примеров применения этого тега:
ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ
<span style="color:red;text-decoration:line-through;"><span style="color:black">ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ</span></span>
СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ
<span style="color:YELLOW;text-decoration:line-through;"><span style="color:BLUE">СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ</span></span>
КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ
<span style="color:darkorange;text-decoration:underline;"><span style="color:brown">КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ</span></span>
ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ
<span style="border:1px solid darkgray;"><span style="color:orange;">ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ</span></span>
ЗЕЛЕНАЯ ССЫЛКА   на мой дневник   ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ
ЗЕЛЕНАЯ ССЫЛКА<a href="http://www.liveinternet.ru/users/642108" target="_blank" style="color:red;text-decoration:underline;"><span style="color:green;">   на мой дневник   </span></a>ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ
Скоро сказка сказывается...
<span style = "font-size: 100px;"><FONT FACE="Comic Sans MS"><FONT COLOR="#FF0000">С</FONT></FONT></span>коро сказка сказывается...
Д а не скоро дело делается...
<span style = "font-size: 100px;"><FONT FACE="Monotype Corsiva"><FONT COLOR="#0000FF">Д</FONT></span> а не скоро дело делается...</FONT>

В зависимости от того, где мы пропишем второй закрывающий тег </font>, текст после нашей "буквицы" будет набран таким же шрифтом или вернется в свое исходное состояние, обусловленное стилем страницы. Во втором предложении этот тег поставлен только после многоточия, а в первом после буквы "С".

0

4

  • Автор: DeaD RosE
  • Участник
  • DeaD RosE
  • Откуда: Тюмень
  • Зарегистрирован: 2010-01-12
  • Приглашений: 0
  • Сообщений: 39
  • Уважение: [+0/-0]
  • Позитив: [+1/-0]
  • Пол: Мужской
  • Возраст: 31 [1993-05-12]
  • Провел на форуме:
    4 часа 33 минуты
  • Последний визит:
    2010-06-23 00:33:50

БЕГУЩАЯ СТРОКА
1.

Код:
<MARQUEE>Ваш текст</MARQUEE>

!

2.

Код:
<MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>

или так

3.

Код:
<MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>

ну и вот так

4.

Код:
<MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>

или даже так 

5.

Код:
<MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>

а уж так!

6.

Код:
<MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>

и так можем

Переменные:
HEIGHT высота "окошка", в котором двигается текст;
WIDTH расстояние, на которое перемещается текст.

Можно ли уменьшить скорость прокрутки при использовании тега marquee?
Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
Результат будет выглядеть так:

<MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">

Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится. [/b]

Отредактировано DeaD RosE (2010-06-06 03:05:17)

0

5

  • Автор: DeaD RosE
  • Участник
  • DeaD RosE
  • Откуда: Тюмень
  • Зарегистрирован: 2010-01-12
  • Приглашений: 0
  • Сообщений: 39
  • Уважение: [+0/-0]
  • Позитив: [+1/-0]
  • Пол: Мужской
  • Возраст: 31 [1993-05-12]
  • Провел на форуме:
    4 часа 33 минуты
  • Последний визит:
    2010-06-23 00:33:50

<b>ВАШ ТЕКСТ</b> Полужирный текст

<i>ВАШ ТЕКСТ</i> Выделение текста курсивом

<u>ВАШ ТЕКСТ</u> Подчёркнутый текст

<s>ВАШ ТЕКСТ</s> Зачёркнутый текст

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст

Уменьшить текст <font size="-2">текст</font> текст - 2

Увеличить текст+1: <font size="+1">текст</font> текст + 1

Увеличить текст+2: <font size="+2">текст</font> текст + 2

Увеличить текст+3: <font size="+3">текст</font> текст + 3

Увеличить текст+4: <font size="+4">текст</font> текст + 4

КРАСНЫЙ: <font color="red">текст</font> красный текст

ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст

ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст

ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст

КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст

ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст

СИНИЙ: <font color="navy">текст</font> синий текст

ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст

текст по центру

<center>ВАШ ТЕКСТ</center>текст (картинка) будет по центру

текст будет для цитат.

отделен пустой строкой и отступ слева в 8 пробелов

<blockquote>ВАШ ТЕКСТ</blockquote>

бегущая влево строка

<marquee>ВАШ ТЕКСТ</marquee>

бегущая вправо строка

<marquee direction="right">ВАШ ТЕКСТ</marquee>

бегущая от края к краю строка

<marquee behavior="alternate">ВАШ ТЕКСТ</marquee>

текст с правого края

в две строчки с выравниванием справа

<div align=right>ВАШ ТЕКСТ</div>

текст с правого краю

в две строчки с выравниванием слева

<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />

сноска сверху

ТЕКСТ<sup>сноска</sup> ТЕКСТ сноска

сноска снизу

ТЕКСТ<sub>сноска</sub> ТЕКСТ сноска

список. /жирная точка спереди/
<ul><br /><br />
<li>ВАШ ТЕКСТ<br /><br />
</li><li>ВАШ ТЕКСТ<br /><br />
</li></ul>

"закрепитель" текст остается таковым, каким вы его пишете
<pre>ВАШ ТЕКСТ</pre>

предложение с отступом в абзаце
<p style="text-indent: 40px">ВАШ ТЕКСТ</p>

скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

скользящий вних текст с такой же ерундой )))
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой сайт=)/, то ставите
<b><a href="ссылка">ВАШ ТЕКСТ к примеру, мой сайт</a></b>

0

6

  • Автор: DeaD RosE
  • Участник
  • DeaD RosE
  • Откуда: Тюмень
  • Зарегистрирован: 2010-01-12
  • Приглашений: 0
  • Сообщений: 39
  • Уважение: [+0/-0]
  • Позитив: [+1/-0]
  • Пол: Мужской
  • Возраст: 31 [1993-05-12]
  • Провел на форуме:
    4 часа 33 минуты
  • Последний визит:
    2010-06-23 00:33:50

красная
<font size="100"><marquee style="FILTER:alpha(opacity=100,style=3);color:#00 0000;"width="100%"bgColor="ff0000" scrollbar-3dlight-color: #000000>

зеленая
<font size="100"><marquee style="FILTER:alpha(opacity=100,style=3);color:#00 0000;"width="100%"bgColor="00CCCC" scrollbar-3dlight-color: #000000>

фиолетовая
<font size="100"><marquee style="FILTER:alpha(opacity=100,style=3);color:#00 0000;"width="100%"bgColor="#7a0099" scrollbar-3dlight-color: #19ff19>

зеленая
<font size="100"><marquee style="FILTER:alpha(opacity=50,style=2);color:#ff1 919;"width="90%"bgColor="#19ff19" scrollbar-3dlight-color: #999999>

бегущая
<font size=7><font style="height:1;filter:glow(strength=12, color=6dff02)"><marquee>

<font STYLE="height:20;font-size:20pt;filter:Glow(Color=4ffff00,St rength=6)Shadow(color=100000red,direction )DropShadow(Color=#ffff,OffX=3,OffY=3,Positive=-5)"hand><marquee scroll="95" size= 6direction="Right">

<font style="height:1;filter:glow(strength=8, color=blue)"><font size=7><marquee>

<font style="height:1;filter:glow(strength=8, color=blue)"><font size=7><marquee> I LOVE YOU
Жёлтая:
<font size=+7><marquee style="FILTER: alpha(opacity=100,style=2);color:#ff6600;" width="100%" bgColor="#ffff00"> ТЕКСТ!

Красная:
<font size=+7><marquee style="FILTER: alpha(opacity=100,style=2);color:#FFFFFF;font-family:cursive" width="100%" bgColor="#FF0000"> ТЕКСТ!

Синяя:
<font size=+7><marquee style="FILTER: alpha(opacity=100,style=2);color:#FF0000;font-family:Franklin Gothic Heavy; text-decoration:blink; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" width="100%" bgColor="#000066"> ТЕКСТ!

Синяя 2:
<font size=+7><marquee style="FILTER:alpha(opacity=100,style=2);color:#ff 6600;"width="100%"bgColor="#2e00e5">Текст</font>

Синяя 3:
<marquee style = "filter:alpha (opacity=800, style=3); color=red" bgcolor ='LIGHT BLUE'><font size="7">Текст

синее мерцание:
<MARQUEE behavior=scroll direction=up height=100 scrollamount=60 scrolldelay=100width=100><CENTER><BR><marquee style = "filter:alpha (opacity=800, style=3); color=red" bgcolor ='LIGHT BLUE'><font size="7">Текст<BR></CENTER></MARQUEE>

Красное мерцание:
<MARQUEE behavior=scroll direction=up height=100 scrollamount=60 scrolldelay=100width=100><CENTER><BR><marquee style = "filter:alpha (opacity=800, style=3); color=white" bgcolor ='RED'><font size="7">Текст<BR></CENTER></MARQUEE>

Белое мерцание:
<MARQUEE behavior=scroll direction=up height=100 scrollamount=60 scrolldelay=100width=100><CENTER><BR><marquee style = "filter:alpha (opacity=800, style=3); color=black" bgcolor ='white'><font size="7">Текст<BR></CENTER></MARQUEE>

Чёрная:
<marquee style="filter:alpha(opacity=800,style=3);color=whi te"bgcolor='black'><font size=7>Текст!

Красный фон и чёрные буквы:
<marquee height=50 width=500 bgcolor=red><font size=9>Текст</font></marquee>

Стильная:
<marquee style="BORDER: #000000 1px solid" scrollamount="1" scrolldelay="20" width="200" height="17" bgcolor="#E9E9D1" align="middle" direction="left"><font color=black>Текст</font>

Стильная 2:
<marquee onmouseover=this.stop(); onmouseout=this.start(); style="BORDER: #000000 1px solid" scrollamount="1" scrolldelay="20" width="115" height="70" bgcolor="#E9E9D1" align="middle" direction="up"><font face="Verdana" size="4"<font color=black>Текст</font></font></marquee>

Появление и изчезновение:
<marquee><marquee direction=right><font size=10>Текст</font></marquee></marquee>

Два сразу,слева и справа:
<marquee behavior=alternate><MARQUEE DIRECTION=up><font size=+7><font style='color:#36660000;height:0;filter:Glow(streng th=10,color=#ffffxxx)}'>Текст</FONT><FONT COLOR="#00FF00"><marquee scroll="95" direction=up><marquee>Текст

Красный фон,чёрные буквы 2:
<marquee scrolldelay="45" scrollamount="1" bgcolor="red" width="74"height="40" direction="up">ТЕКСТ<center></marquee>

Простое мерцание:
<MARQUEE behavior=scroll direction=up height=100 scrollamount=60 scrolldelay=100width=100><CENTER><BR>ТЕСТ<BR></CENTER></MARQUEE>

Простое мерцание 2:
<marquee scrollamount=333>Текст

Сверху вниз очень просто:
<MARQUEE behavior=scroll direction=up height=100 loop=-1 scrollamount=1 scrolldelay=100width=100><CENTER>--- <BR> текст<BR> ---</CENTER></MARQUEE>Бегущая строка>>>>

Простая строка:
<font size=8><marquee>Текст
<marquee behavior=alternate><font size=+7><font style='color:#000000;height:0;filter:Glow(strength =10,color=#ffffff)}'>Текст
<marquee width=100% behavior=alternate direction=left align=middle border=4>Текст</marquee>

Снизу вверх:
<MARQUEE DIRECTION=up>Текст</MARQUEE>
<MARQUEE DIRECTION=up><font size=8>Текст</MARQUEE>

Жёлтая:
<font size=+7><marquee style="FILTER: alpha(opacity=100,style=2);color:#ff6600;" width="100%" bgColor="#ffff00"> ТЕКСТ!

Красная:
<font size=+7><marquee style="FILTER: alpha(opacity=100,style=2);color:#FFFFFF;font-family:cursive" width="100%" bgColor="#FF0000"> ТЕКСТ!

Синяя:
<font size=+7><marquee style="FILTER: alpha(opacity=100,style=2);color:#FF0000;font-family:Franklin Gothic Heavy; text-decoration:blink; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" width="100%" bgColor="#000066"> ТЕКСТ!

Синяя 2:
<font size=+7><marquee style="FILTER:alpha(opacity=100,style=2);color:#ff 6600;"width="100%"bgColor="#2e00e5">Текст</font>
<FONT face="Georgia" style="FONT-SIZE: 14pt; FILTER: Glow(strength=8,color=#0000ff); COLOR=#ffffff; HEIGHT: 0px"> синий

<FONT face="Georgia" style="FЃ›ONT-SIZE: 34pt; FILTER: Glow(strength=8,color=blye); COLOR: yellow; HEIGHT: 0px"> желтый

<FONT face="Georgia" style="FЃ›ONT-SIZE: 14pt; FILTER: Glow(strength=8,color=#ff0032); COLOR=#ffffff; HEIGHT: 0px"> красный

<FONT face="Georgia" style="FЃ›ONT-SIZE: 14pt; FILTER: Glow(strength=8,<font color=#007f19>); color=#007f19; HEIGHT: 0px"> зеленый

<FONT face="Georgia" style="FЃ›ONT-SIZE: 50pt; FILTER: Glow(strength=8,color=#ff0032); COLOR=#ffffff; HEIGHT: 0px">серый цвет (как бронза)

<FONT face="Georgia" style="FONT-SIZE: 14pt; FILTER: Glow(strength=8,color=#0000ff); COLOR=#ffffff; HEIGHT: 0px"> синий

<FONT face="Georgia" style="FЃ›ONT-SIZE: 34pt; FILTER: Glow(strength=8,color=blye); COLOR: yellow; HEIGHT: 0px"> желтый

<FONT face="Georgia" style="FЃ›ONT-SIZE: 50pt; FILTER: Glow(strength=8,color=#ff0032); COLOR=#ffffff; HEIGHT: 0px"> красный

<FONT face="Georgia" style="FЃ›ONT-SIZE: 14pt; FILTER: Glow(strength=8,<font color=#007f19>); color=#007f19; HEIGHT: 0px"> зеленый

0

7

  • Автор: andr1910
  • Администратор
  • Зарегистрирован: 2010-01-07
  • Приглашений: 0
  • Сообщений: 8
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    4 часа 31 минуту
  • Последний визит:
    2010-06-06 22:27:48

супер ыы спасибо ы

0

8

  • Автор: DeaD RosE
  • Участник
  • DeaD RosE
  • Откуда: Тюмень
  • Зарегистрирован: 2010-01-12
  • Приглашений: 0
  • Сообщений: 39
  • Уважение: [+0/-0]
  • Позитив: [+1/-0]
  • Пол: Мужской
  • Возраст: 31 [1993-05-12]
  • Провел на форуме:
    4 часа 33 минуты
  • Последний визит:
    2010-06-23 00:33:50

Ну что же асы я вам преподал теперь углубимся в изучение самого HTML и его конструкцию,здесь выложу ссылки и информацию о проектированию(проще конструированию)кодов HTML,буду объяснять просто и понятно,так что каждый может научиться делать сами теги!Желаю удачи в освоении :crazy:
P.S:Сразу же предупреждаю в чате некоторые коды тестить не следует т.к Августовский движок не распознает их!

Отредактировано DeaD RosE (2010-06-06 22:47:54)

0

Страница: 1

Вы здесь » ..:ДеКаБрь-2оо8:.. » Наш Декабрь-2008 чат » HTML Теги