35^o C градусов
35<*sup>o<*/sup> C градусов

Верхний регистр

X²

X<*SUP>2<*/SUP>
---
Нижний регистр

A₀₁₂₃₄₅
A<*SUB>012345<*/SUB>

Скоро будут уроки по "Cascading Style Sheets", по просьбе...

Визитка

Имя: Smolvile

<*Fieldset>
<*Legend>Визитка<*/Legend>
Имя: Smolvile
<*/Fieldset>

Образец работы с таблицей, цвета рамки и фона таблицы и выравнивание

У кого черный они не увидят цвет текста, не увидят

Фон и рамка цвет

TEST

<*table bgcolor="black" bordercolor=white border=2>
<*tr>
<*td>TEST<*/td>
<*/tr>
<*/table>

BGCOLOR="цвет фон", BORDERCOLOR="цвет рамки", BORDER="размер рамки"

Выравнивание внутри ячейки

LEFT LEFT

CENTER CENTER

RIGHT RIGHT

<*table bgcolor="black" width=30% border=2 bordercolor=white>
<*tr>
<*td align="left">LEFT<*br>LEFT<*/td>
<*td align="center">CENTER<*br>CENTER<*/td>
<*td align="right">RIGHT<*br>RIGHT<*/td>
<*/tr>
<*/table>

ALIGN="left|center|right" выравнивание

ФОН В ВИДЕ ИЗОБРАЖЕНИЯ

<*table bgcolor="black" bordercolor=white border=2 background="http://i.li.ru/ReActive/i/global/ftr_video/scroll_l.png">
<*tr>
<*td>ФОН В ВИДЕ ИЗОБРАЖЕНИЯ<*/td>
<*/tr>
<*/table>

Возьму случайно найденную картинку с адресом, например их профиля пользователя

http://i.li.ru/4Ek/i/diary/profile/btn_invite.gif



<*img src="//i.li.ru/4Ek/i/diary/profile/btn_invite.gif" title="картинка">



<*img src="//i.li.ru/4Ek/i/diary/profile/btn_invite.gif" title="картинка" width=10% height=10%>



<*img src="//i.li.ru/4Ek/i/diary/profile/btn_invite.gif" title="картинка" width=150 height=150>

По левому краю <*img src="//i.li.ru/4Ek/i/diary/profile/btn_invite.gif" title="картинка" align="left" /><*br />По левому краю<*br />

По центру <*img src="//i.li.ru/4Ek/i/diary/profile/btn_invite.gif" title="картинка" align="center" /><*br />По центру<*br />

По правому краю <*img src="//i.li.ru/4Ek/i/diary/profile/btn_invite.gif" title="картинка" align="right" /><*br />По правому краю<*br />

Тэг IMG
Текст с комментарием, src="полный путь к изображению"; title="комментарий"
Размеры используя маштаб и размеры, width="длина", height="ширина", (маштаб%| значение)

Привет это тест

<*table border="0" width="50" height="10" bgcolor="white">
<*tr>
<*td align="left" vlign="left" bgcolor="white">
<*font style="font-family:arial,'tahoma';font-size:10px;" color="black"><*marquee scrolldelay="задержка" scrollammount="скорость">Привет это тест<*/marquee><*/font>
<*/td>
<*/tr>
<*/table>

Привет это тест 2

<*table border="0" width="50" height="10" bgcolor="white">
<*tr>
<*td align="left" vlign="left" bgcolor="white">
<*font style="font-family:arial,'tahoma';font-size:10px;" color="black"><*marquee scrolldelay="50" scrollammount="50" direction="up">Привет это тест 2<*/marquee><*/font>
<*/td>
<*/tr>
<*/table>

Привет это тест 3

<*table border="0" width="50" height="10" bgcolor="white">
<*tr>
<*td align="left" vlign="left" bgcolor="white">
<*font style="font-family:arial,'tahoma';font-size:10px;" color="black"><*marquee scrolldelay="50" scrollammount="50" direction="down">Привет это тест 3<*/marquee><*/font>
<*/td>
<*/tr>
<*/table>

Значение шрифта, выводенимого шрифта <*font style="font-family:arial,'tahoma';">...<*/font>
Font-Family: arial,tahoma; используется один из шрифтов, по умолчанию

Значения бегущей строки
behavior="расположение", alternate - <>, left - <, right - >
используется Tahoma
scrolldelay="знач", scrollammount="знач" скорость и задержку лучше тестировать, для получения нужного эффекта.
direction="направление", up - вверх, down - вниз

Работа с таблицами

Заголовок с 2 колонками

<*table border=1 bgcolor=maroon width=50%>
<*tr>
<*th colspan=2>
<*center>Родители<*/center>
<*/th>
<*/tr>
<*tr>
<*td align=center>Папа<*/td><*td align=center>Мама<*/td>
<*/tr>
<*/table><*br>

Родители
Папа	Мама

---

Заголовок с 4 колонками

<*table border=1 bgcolor=maroon width=50%>
<*tr>
<*th colspan=2 rowspan=3>
<*center>Имена<*/center>
<*/th>
<*/tr>
<*tr>
<*td align=center>Сергей<*/td><*td align=center>Игорь<*/td>
<*/tr>
<*tr>
<*td align=center>Наташа<*/td><*td align=center>Александр<*/td>
<*/tr>
<*/table><*br>

Имена
		Сергей	Игорь
		Наташа	Александр

---

Заголовок с 4 колонками и шириной 25%

<*table border=1 bgcolor=maroon width=50%>
<*tr>
<*th>
Обычная
<*/th>
<*/tr>
<*tr>
<*td align=center width="25%">Текст1<*/td><*td align=center width="25%">Текст2<*/td>
<*/tr>
<*tr>
<*td align=center width="25%">Текст3<*/td><*td align=center width="25%">Текст4<*/td>
<*/tr>
<*/table><*br>

Обычная
Текст1	Текст2
Текст3	Текст4

---

Заголовок с 4 колонками и высотой 30%, шириной 25%, таблица размером 50% от ширины и высоты колонок с текстом

<*table border=1 bgcolor=marron width=50% height=50%>
<*tr>
<*th>
Обычная 2
<*/th>
<*/tr>
<*tr>
<*td align=center height="30%" width="25%">Текст1<*/td><*td align=center height="30%" width="25%">Текст2<*/td>
<*/tr>
<*tr>
<*td align=center height="30%" width="25%">Текст3<*/td><*td align=center height="30%" width="25%">Текст4<*/td>
<*/tr>
<*/table><*br>

Обычная 2
Текст1	Текст2
Текст3	Текст4

Стандартные операции с текстом

Операции с текстом

Выделение: Текст Выделеный текст <*b style="font-size:25px;color:white;">Выделеный текст<*/b>
Зачеркивание: Текст Зачеркнутый текст <*s style="font-size:30px;color:white;">Зачеркнутый текст<*/s>
Курсив: Текст Курсивный текст <*i style="font-size:25px;color:white;">Курсивный текст<*/i>
Подчеркивание: Текст Подчеркнутый ткст <*u style="font-size:25px;color:white;">Подчеркнутый ткст<*/u>
Другой шрифт: Текст Текст Arial или Tahoma <*font face="arial, 'tahoma'">Текст Arial или Tahoma<*/font>
Другой цвет шрифта: Текст Текст светло-зеленый <*font color="lightgreen">Текст светло-зеленый<*/font>
Другой размер шрифта: Текст Текст 10 размера шрифта <*font size="10">Текст 10 размера шрифта<*/font>
Заголовки (1-4 уровней):

Текст

<*h1>Заголовок 1 уровня<*/h1>

Текст

<*h2>Заголовок 2 уровня<*/h2>

Текст

<*h3>Заголовок 3 уровня<*/h3>

Текст

<*h4>Заголовок 4 уровня<*/h4>

Список (I,II,III и т.д.)

• Привет


• Как дела

<*UL Type="I">
<*LI>Привет<*/LI>
<*LI>Как дела<*/LI>
<*/UL>

Список (1,2,3 и т.д.)

• Привет


• Как дела

<*UL Type="1">
<*LI>Привет<*/LI>
<*LI>Как дела<*/LI>
<*/UL>

Список (маркер квадрат)

• Привет


• Как дела

<*UL Shape="square">
<*LI>Привет<*/LI>
<*LI>Как дела<*/LI>
<*/UL>

Текст в центру: Текст <*center>ТЕКСТ ПО ЦЕНТРУ<*/center>

Продольная линия (разделитель)



Если убрать "*", то получится такие результаты



1) <*hr size=15>


2) <*hr size=15 noshade>


3) <*hr size=15 color="red">


4) <*hr size=15 width=200>






1) 



2) 



3) 



4) 

<br />
Привет выберете значения из списка<br />




Белый

Красный

Бордовый

Коричневый

Оранжевый

Желтый

Зеленый

Голубой

Синий

Черный





Для того чтобы сделать список с цветом нужно сделать такой код


<*select name="list">

<*option value="value1" style="background:red;color:yellow" selected>Красный фон, желтый текст

<*option value="value2" style="background:cyan;color:silver">Голубой фон, серый текст

<*/select>



Вот что будет если убрать "*"






Красный фон, желтый текст

Голубой фон, серый текст