полезная шпора |
По этой шпаргалке можно делать так, чтобы строка ползала слева направо или сверху вниз, делать буквы разноцветными и увеличивать их, делать всплывающие надписи на картинках и многое другое.
![]()
В отличие от блочных элементов, таких как 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>, текст после нашей "буквицы" будет набран таким же шрифтом или вернется в свое исходное состояние, обусловленное стилем страницы. Во втором предложении этот тег поставлен только после многоточия, а в первом после буквы "С".
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="Х">
Пример:
Синтаксис: <A class=link_main title="Дневник испанок" href="http://www.liveinternet.ru/users/697649 target="_blank" ><img src=bab.gif BORDER="0"></A>
![]() Синтаксис: <img src=kam.gif ALT="По-моему, это камелия" >
Синтаксис: <a href="1.html" target="_blank"><img src="okno.gif" border=0></img></a>
![]() ![]()
<IMAGE ALIGN="LEFT" VALIGN="MIDDLE" SRC="адрес картинки" ALT="комментарий"> <IMAGE ALIGN="RIGHT" VALIGN="MIDDLE" SRC="адрес картинки" ALT="комментарий"> Текст между двумя картинками. Атрибут ALT - это маленький всплывающий комментарий, но в данном случае можно обойтись и без него.
Синтаксис: <table width=100% border="0" cellspacing="8" cellpadding="0" background="URL"><tr><td><font color=#FFFFFF font face=georgia font size=3>Ваш текст сообщения</font></td></tr></table> • Вместо URL подставляем адрес фоновой картинки • На свой вкус и усмотрение меняем цвет, размер и начертание текста
1. 2. 3. Синтаксис: 1.<HR> 2.<HR size=3 color=#FF0000> 3.<HR size=6 color=#00B344> Переменные: SIZE толщина линии COLOR цвет линии
1. 2. 3. Синтаксис: 1. <hr color="red" width="50%" size="9" style="border: dotted 5pt; border-color: red "> 2. <hr color="black" width="50%" size="5" style="border: dashed 5pt; border-color: Forestgreen "> 3. <hr color="blue" width="50%" size="7" style="border: dotted 5pt; border-color: red "> Переменные: WIDTH длина линии в процентах по отношению к экрану SIZE размер элементов DASHED пунктирная линия DOTTED точечная линия COLOR цвет элементов
1. Здесь будет Ваш текст2. Здесь будет Ваш текст3. Здесь будет Ваш текст Синтаксис: 1. <blockquote style="border:3px #00B344 dashed; padding: 15px; margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote> 2. <blockquote style="background-color: #FFE4B5; border:3px #BC8F8F solid; padding: 10px; margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote> 3.<blockquote style="border:3px #DA70D6 solid; padding: 5px; margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote> Переменные: border:3px #ff0000 толщина рамки в пикселях и её цвет background-color: #ffff00 цвет фона рамки dashed пунктир solid непрерывная padding отступ текста от рамки внутри margin отступ от текста снаружи (если рамка находится внутри текста)
Синтаксис: <blockquote style="background-color: #E0FFFF; border:3px #87CEEB solid; padding: 15px; margin:0px 0px 0px 0px;"><img src=pp.gif BORDER="0">Первый поцелуй!</blockquote>
<FIELDSET><LEGEND align="center"><B><font color=#FFA500>И такая рамочка</font></B></LEGEND></FIELDSET> Параметр align выравнивает относительно одной из сторон документа, значения: left, right, или center Я принесла тебе поляну. На завтрак. Пока несла ее, все откусывали от нее по чуть-чуть и не верили вкусу земляники. Хорошо, что на поляне сидел тушканчик. Он-то и объяснял всем, что в мире нет ничего особенного, что это просто девочка несет поляну на завтрак своему другу. Лесную. С земляникой. Ну и что. Не всем же кофе в постель.
<blockquote style="BORDER-LEFT: #F70000 3px solid; padding: 15px; BORDER-TOP: #119931 3px solid; padding: 15px; BORDER-BOTTOM: #E3AF40 3px solid; padding: 15px;BORDER-RIGHT: #924E96 3px solid" padding: 15px></blockquote> padding отступ текста от рамки внутри.
![]() Потом достать смешные акварели, изрисовать в нелепые цвета. Потом себя в оранжевый покрасить. Ты будешь – Солнце, вечное, всегда. И возле солнца – ангелы и бесы, песочницы, гитары, звон монет, коты и кастаньеты, апельсины, смешные дети, сильные мужчины. И в центре – твой улыбчивый портрет.
<img src="k.jpg" align="right">
<BUTTON title="Текст-пояснялка к кнопке"><TABLE border=5><TBODY><TR><TD><CENTER><FONT color=#BA55D3 size=4>Название кнопки</FONT></CENTER></TD></TR></TBODY></TABLE></BUTTON>
Синтаксис: <form action="http://www.liveinternet.ru/users/642108" target="_blank" method="get"><input type="submit" value="Дневник Эль"></form>
Некоторые символы, введенные в HTML документ будут интерпретироваться не так, как задумал автор. Это, например, символы "<" и ">", используемые для указания тегов. В этих случаях можно вводить нужные символы с помощью специальных кодов. Коды начинаются с символа "амперсанд"(&). За ним следует название символа, либо его числовой код в десятичной или шестнадцатеричной системе. Завершает код символ "точка с запятой" ; Пишу разреженно, чтобы можно было прочитать код: & quot; - двойная кавычка " & amp; - амперсанд & & lt; - знак 'меньше' < & gt; - знак 'больше' > & nbsp; - неразрывный пробел Общая пунктуация: & ndash; - тире – & mdash; - длинное тире — & lsquo; - левая одиночная кавычка ‘ & rsquo; - правая одиночная кавычка ’ & sbquo; - нижняя одиночная кавычка ‚ & ldquo; - левая двойная кавычка “ & rdquo; - правая двойная кавычка ” & bdquo; - нижняя двойная кавычка „ И даже карточные масти: & spades; - знак масти 'пики' ♠ & clubs; - знак масти 'трефы' ♣ & hearts; - знак масти 'червы' ♥ & diams; - знак масти 'бубны' ♦
♣ ♣ ♥ ♥ Синтаксис: <aligh=center><font color="red" size=7>&*clubs; &*clubs; &*hearts; &*hearts;</font> (* убрать) ![]()
|
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |