Перечёркнутый текст: ТЕКСТ
<s> ваш текст </s>
Подчёркнутый текст: ТЕКСТ
<u> ваш текст </u>
Полужирный текст: ТЕКСТ
<b> ваш текст </b>
Полужирный крупный: ТЕКСТ
<big> ваш текст </big>
Курсивный текст: ТЕКСТ
<i> ваш текст </i>
Маленький текст: текст
<small> ваш текст </small>
Рисуем таблицы
№1
<table border=1>
<td> Столбец 1 </td>
<td> Столбец 2 </td>
<td> Столбец 3 </td>
</table>
№2
<table border=1>
<tr>
<td>Первая ячейка 1-й строки</td>
<td>Вторая ячейка 1-й строки</td>
</tr>
<tr>
<td>Первая ячейка 2-й строки</td>
<td>Вторая ячейка 2-й строки</td>
</tr>
</table>
№3
<table border=1 cellpadding=8 cellspacing=0 bordercolor=black>
<tr>
<th>Заголовок 1</th>
<th>Заголовок 2</th>
</tr>
<tr>
<td>Содержание 1</td>
<td>Содержание 2</td>
</tr>
</table>
№4
<table cellpadding="5" cellspacing="5">
<tr>
<th bgcolor="#CCCCCC">Город</th>
<th bgcolor="#CCCCCC">Население</th>
</tr>
<tr>
<td>Москва</td>
<td>10.000.000</td>
</tr>
</table>
№5
<table cellspacing="5" cellpadding="5">
<tr bgcolor="#aaaaff">
<th>Город</th><th>Население</th>
</tr>
<tr bgcolor="#dddddd">
<td>Москва</td><td>10.000.000</td>
</tr>
<tr bgcolor="#dddddd">
<td>Минск</td><td>2.000.000</td>
</tr>
<tr bgcolor="#dddddd">
<td>Киев</td><td>2.000.000</td>
</tr>
</table>
№6
<table>
<tr>
<th>Заголовок 1</th>
<th>Заголовок 2</th>
<th>Заголовок 3</th>
</th>
<tr>
<td>РЯД 2</td>
<td>РЯД 2</td>
<td>РЯД 2</td>
</tr>
<tr>
<td>РЯД 3</td>
<td>РЯД 3</td>
<td>РЯД 3</td>
</tr>
<tr>
<td>РЯД 4</td>
<td>РЯД 4</td>
<td>РЯД 4</td>
</tr>
</table>
№7 (цветная таблица)
<table border="8">
<tr>
<td bgcolor="#00CCFF">Цветная ячейка 1</td>
<td bgcolor="#CC00FF">Цветная ячейка 2</td>
</tr>
<tr>
<td bgcolor="#00FF00">Цветная ячейка 3</td>
<td bgcolor="#FFFF00">Цветная ячейка 4</td>
</tr>
</table>
№8
<table border="0" cellspacing="5">
<tr>
<td bgcolor="#00CCFF">Цветная ячейка 1</td>
<td bgcolor="#CC00FF">Цветная ячейка 2</td>
</tr>
<tr>
<td bgcolor="#00FF00">Цветная ячейка 3</td>
<td bgcolor="#FFFF00">Цветная ячейка 4</td>
</tr>
</table>
Бегущеи строчки
1 <marquee>your running text</marquee>
2 <marquee scrollamount="1">your running text</marquee>
3 <marquee scrollamount="3">your running text</marquee>
4 <marquee scrollamount="30">your running text</marquee>
5 <marquee direction="right">your running text</marquee>
6 <marquee behavior="alternate">your message here</marquee>
7 <marquee height="50" direction="up">your running text</marquee>
8 <marquee height="50" direction="down">your running text</marquee>
9 <marquee bgcolor="silver">your running text</marquee>
10 <marquee direction="right" bgcolor="#color" width="300">your running text</marquee>
11 <marquee width="100">your running text</marquee>
12 <marquee width="100" style="border:2px dotted deeppink ;">your running text</marquee>
13 <marquee direction="left" bgcolor="silver" width="300">your text here</marquee>
14 <marquee bgcolor="pink" width="25%">your exciting message here</marquee><marquee bgcolor="aqua" width="25%" direction="right">your exciting message here</marquee><marquee bgcolor="silver" width="25%">your exciting message here</marquee><marquee bgcolor="aqua" width="25%" direction="right">your exciting message here</marquee>
15 <marquee onmouseover=this.stop() onmouseout=this.start() >TEXT</marquee> (останавлюем строчку наводя на текст )
16 <marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>
17 <marquee direction="right"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>
18 <marquee height="150" direction="up"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>
19 <marquee behavior="alternate" direction="down" scrollamount="10"><marquee behavior="scroll" direction="left" scrollamount="10"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></marquee></marquee>
20 <marquee width=300 height=10 behavior="alternate" style="border:3px solid red ;"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>
* your running text - это Ваш текст *
Учимся ‘ловить рыбу’:
Код для вставки музыки в блог состоит из двух главных компонентов - флеш-плеер (файл *.swf в виде http://../player.swf ) и аудиофайл (в виде http://../song.mp3 ) - остальное HTML, то бишь буковки.
Выглядит так:
<object data="http://../player.swf" type="application/x-shockwave-flash" width="240" height="64">
<param name="movie" value="http://../player.swf">
<param name="menu" value="false">
<param name="scale" value="noscale">
<param name="flashvars" value="src=http://../song.mp3&autostart=no">
</object>
Я залил на htmlka.com флеш-плеер и получил ссылку:
http://htmlka.com/wp-content/uploads/20 … player.swf
затем загрузил трек:
http://htmlka.com/wp-content/uploads/20 … aravan.mp3
Вставим эти ссылки в код, приведенный выше:
Полный код безобразия:
<object data=http://htmlka.com/wp-content/uploads/2009/06/webplayer.swf type="application/x-shockwave-flash" width="240" height="64"><param name="movie" value=http://htmlka.com/wp-content/uploads/2009/06/webplayer.swf><param name="menu" value="false"> <param name="scale" value="noscale"><param name="flashvars" value="src=http://htmlka.com/wp-content/uploads/2009/06/08-caravan.mp3&autostart=no"></object>
Если в код вставить свой mp3 файл вида http://…./song.mp3, он, естественно, будет играть вашу музыку, можете юзать:)
Плеер работает на Macromedia и играет только mp3. Позволяет вставлять плейлисты.
Атрибуты width и height определяют его размеры.
Если назначить height=20, получим такой вариант:
Графические диаграммы средствами html:
<div style="float: left; width:25%; height:16px; background-color:orange;"> </div> <div style="float: none;"> 25% - Firefox</div><div style="float: left; width:70%; height:16px; background-color:blue;"> </div><div style="float: none;"> 70% - IE</div><div style="float: left; width:10%; height:16px; background-color:red;"> </div><div style="float: none;"> 5% - Opera</div>
Список с маленькими картинками:
Позиция 1
Позиция 2
Позиция 3
Позиция 4
Код:
<dl>
<dd><img src=URL-картинки align=absmiddle> Позиция 1</dd>
<dd><img src=URL-картинки align=absmiddle> Позиция 2</dd>
<dd><img src=URL-картинки align=absmiddle> Позиция 3</dd>
<dd><img src=URL-картинки align=absmiddle> Позиция 4</dd>
</dl>
URL “шарика”: http://img90.imageshack.us/img90/6603/33609040px4.gif
