ЧТ?ТО ПОВТОР? ЧТ?ТО ПЕРЕПРАВЛЮ...
1. Ка?вставить картинку. Здес?самы?просто?ко? ?которы?надо вставлять адре?картинки ?сайт?
[img]АДРЕ?КАРТИНКИ ?ИНТЕРНЕТЕ[/img]

<img width="ШИРИНА" height="ВЫСОТА" src="АДРЕ?КАРТИНКИ" alt="ПОДПИС?ЕСЛИ ХОЧЕТС? />

2. Если картинка не подходит по размерам ил?прямоугольные теги не проходя? Пишется та?
<img width="ШИРИНА" height="ВЫСОТА" src="АДРЕ?КАРТИНКИ" alt="ПОДПИС?ЕСЛИ ХОЧЕТС? />
ВНИМАТЕЛЬН?СОБЛЮДАЙТЕ ПРОПОРЦИ?ЕСЛИ НЕ ХОТИТЕ ЧТОБ?КАРТИНКА РАСПЛЫЛАСЬ. ПОДПИС?ПОЯВЛЯЕТСЯ ПР?НАВЕДЕНИ?НА КАРТИНКУ КУРСОР?br />
<img alt="" src="АДРЕС_КАРТИНКИ" style="border: 0px; border-radius:100%; box-shadow: 0px 0px 15px ;width: ШИРИНАpx; height: ВЫСОТАpx;" />

2.2 border-radius:10%; Для крупны?изображени?можн?взять величину побольше, чтоб?полукруглы?кр? были больше

<img alt="" src="АДРЕС_КАРТИНКИ" style="border: 0px; border-radius:10%; box-shadow: 0px 0px 15px ;width: ШИРИНАpx; height: ВЫСОТАpx;" />

3.
3.1 Бе?рамк?border: 0px ;

<img alt="" src="АДРЕС_КАРТИНКИ" style="border: 0px ; border-radius:0%; box-shadow: 0px 0px 0px #ff00ff; width: 100px; height: 100px;" />

3.2 Бе?указан? цвет?тень буде?темной

<img alt="" src="https://img0.liveinternet.ru/images/attach/d/4/162/585/162585780_1001.jpg" style="border: 0px ; border-radius:10%; box-shadow: 0px 0px 15px ;width: 100px; height: 100px;" />

3.3 Толщин?(например, 4px) ?цвет (например, #00ff00) border: 4px solid #00ff00;

<img alt="" src="АДРЕС_КАРТИНКИ" style="border: 4px solid #00ff00; border-radius:10%; box-shadow: 0px 0px 15px #;width: 100px; height: 100px;" />

3.4 Тень во вс?направления box-shadow: +10px -10px 30px ?ее цвет (например, #ff00ff);
+Длин?вправо-влев? +длин?вниз-ввер?четк? ил?размыт? (именно ?тако?по?дк? применяют? отрицательны?ил?положительны?числ?

Во?тень одинаков?со всех сторон: box-shadow: 0px 0px 45px (кром?ну? только третье значение)


?во? например:

1 -20px -20px 5px	2 -20px 0px 5px	3 20px 0px 5px	4 20px -20px 5px 20px -20px 5px
5 -20px 20px 5px	6 0px 20px 5px	7 0px -20px 35px	8 20px 20px 5px

По?тень?текс?выде?ет? нормальн?(например, пример?1 ?4)
<img alt="" src="АДРЕС_КАРТИНКИ" style="border: 0px ; border-radius:10%; box-shadow: 00px 00px 00px #ЦВЕТ;width: ШИРИНАpx; height: ВЫСОТАpx;" />

3.5 Внутренняя заливк?по кр??br /> 0px 0px 75px закрашивание цветом по горизонтал??вертикал?(отрицательны??положительны?числ? +вправо-влев??+вниз-ввер?, третий параметр размытость (ноль ил?выше ну?)
0px 0px 75px эт?равномерно?окрашивани?ка??пример? Ме?я первые дв?значен? получится окрашивани?будт?примерно полуме??br /> Цвет заливк?#........... (выбрат?из палитр? вписыват?дважды для боле?ярког?эффект?br />
<img style="border-radius:50% 50% 50% 50%/ 50% 50% 50% 50%;-webkit-border-radius:50% 50% 50% 50%/ 50% 50% 50% 50%;-moz-border-radius:50% 50% 50% 50%/50% 50% 50% 50%;background-image:url('АДРЕС_КАРТИНКИ');width: ШИРИНАpx; height:ВЫСОТАpx;140px outset #0000ff;box-shadow: inset 0px 0px 75px #0000ff;" />

4.
4.1. МО?ТЕКС?МО?ТЕКС?МО?ТЕКС?br /> ТЕКС?ТЕКС?ТЕКС?br />
4.2. МО?ТЕКС?МО?ТЕКС?МО?ТЕКС?br /> ТЕКС?ТЕКС?ТЕКС?br />
4.3. МО?ТЕКС?МО?ТЕКС?МО?ТЕКС?br /> ТЕКС?ТЕКС?ТЕКС?br />
4.4. МО?ТЕКС?МО?ТЕКС?МО?ТЕКС?br /> ТЕКС?ТЕКС?ТЕКС?br />
4.5. МО?ТЕКС?МО?ТЕКС?МО?ТЕКС?br /> ТЕКС?ТЕКС?ТЕКС?br /> 4.1. <img src="http КАРТИНКИ" align="left" /> МО?ТЕКС?
4.2. <img src="http КАРТИНКИ" align="right" /> МО?ТЕКС?
4.3. <img src="http КАРТИНКИ" align="bottom" /> МО?ТЕКС?
4.4. <img src="http КАРТИНКИ" align="top" /> МО?ТЕКС?
4.5. <img src="http КАРТИНКИ" align="middle" /> МО?ТЕКС?

5.
Устанавливае?толщин?рамк?вокруг изображения. Отсутствие рамк? border="0"
<img src="http КАРТИНКИ" border="ТОЛЩИН?РАМК?НАПРИМЕР2" />

6.
6.1. ТЕКС?ДЛ?КРАСНОГО ПОДЧЕРКИВАНИ?/span>

6.2. ТЕКС?ДЛ?ЗЕЛЕНОГО ПОДЧЕРКИВАНИ?/span>

6.1. <span style="background: url('https://img.liveinternet.ru/images/attach/1/10471/10471274_wawe.gif') repeat-x 100% 100%; padding-bottom: 2px; text-decoration: none; white-space: nowrap;">ТЕКС?ДЛ?КРАСНОГО ПОДЧЕРКИВАНИ?/span>
6.2. <span style="background: url('https://img.liveinternet.ru/images/attach/1/10472/10472164_wawegreen.gif') repeat-x 100% 100%; padding-bottom: 5px; text-decoration: none; white-space: nowrap;">ТЕКС?ДЛ?ЗЕЛЕНОГО ПОДЧЕРКИВАНИ?/span>
Пояснение: можн?сделат?прозрачную картинку ги??чертой любого цвет? потому чт?ссылка идет именно на таку?картинку.

7. Фоновая картинка.
Ка?вставить фонову?картинку, отличную от картинки днев?https://www.cognotent.com/users/ka82/post88771163/

8
8.1.

ВА?ТЕКС?/td>

8.2.

ВА?ТЕКС?СЛЕВ?

ВА?ТЕКС?СПРАВА

8.1. <i><table border="0" cellspacing="8" cellpadding="0"><tr><td> <img src="АДРЕ?http КАРТИНКИ СЛЕВ? border="0" /></td><td>ВА?ТЕКС?/td><td><img src="АДРЕ?http КАРТИНКИ СПРАВА" border="0" /></td></tr></table></i>
8.2. <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> ВА?ТЕКС?СЛЕВ? </td> <td> <img src="АДРЕ?ВАШЕ?КАРТИНКИ" border="0" /> </td> <td> ВА?ТЕКС?СПРАВА </td> </tr> </table>

9. Поворо?картинок (ту??пример?15 градусов (15deg):
000deg величина поворота от 0 до 369
<img src="АДРЕС_КАРТИНКИ" width="ШИРИНА" height="ВЫСОТА" title="НАЗВАНИЕ" style="transform:rotate(000deg);" />
Можн?поворачивать картинку от какого-то угла, пр?этом он?може?по-разном?наезжать на текс?(если, например, хотите украсить свисающими цветам?рамк?

9.1 Левы?верхни?угол Эт?для сравнения

9.2 Правый нижний Эт?для сравнения

9.3 Левы?нижний Эт?для сравнения

9.4 Правый верхни? Эт?для сравнения

9.1 <img src="АДРЕС_КАРТИНКИ" width="ШИРИНА" height="ВЫСОТА" title="Повернулас? style="transform:rotate(10deg); transform-origin: left top; " />
9.2 <img src="АДРЕС_КАРТИНКИ" width="ШИРИНА" height="ВЫСОТА" title="Повернулас? style="transform:rotate(10deg); transform-origin: right bottom; " />
9.3 <img src="АДРЕС_КАРТИНКИ" width="ШИРИНА" height="ВЫСОТА" title="Повернулас? style="transform:rotate(10deg); transform-origin: left bottom; " />
9.4 <img src="АДРЕС_КАРТИНКИ" width="ШИРИНА" height="ВЫСОТА" title="Повернулас? style="transform:rotate(10deg); transform-origin: right top; " />