Основные HTML коды

16:58

Основные HTML коды

Эти коды могут Вам потребоватся при работе над созданием сайта.


Оформление ссылок на страницы

Раздел, адрес страницы-копируете в окне браузера.
Адрес картинки-копируете в управлении файлами, после того как Вы загрузите ее в папку с файлами на сайт. (Не забывайте уменьшать размер фото!) 
HTML код вставляете в окно для редактирования текста только не забудьте перевести его в режим HTML редактора
Примечание: Все коды вставляем между " "



Ссылка на страницу

<a href="Раздел.html">Персональная страница</a>

Ссылка на страницу в новом окне

<a href="раздел.html" target=” blank” >Посмотреть страницу</a> 

Ссылка на страницу в виде картинки

<a href="адрес страницы"><img src="адрес картинки"></a>

Ссылка в виде картинки, при наведении курсора меняющей цвет

<a href="адрес"><img onmouseover="this.src='новая картинка'" onmouseout="this.src='картинка'" src="картинка" border="0" alt=""></a>  

Ссылка на страницу в виде картинки без пробелов

<a href="адрес страницы"><img src="адрес картинки"border=0></a> 

Ссылка на страницу в виде картинки в новом окне 

<a href="адрес страницы" target=” blank” ><img src="адрес картинки"></a>

Ссылки в картинках друг за другом по горизонтали с заданным промежутком

<a href="адрес страницы"><img src="адрес картинки"hspace="20"></a>

Ссылка в виде картинки и текст слева

<a href="адрес страницы"><img src="адрес картинки" align="left"></a>

Мигающая ссылка

<a href='адрес страницы' style="text-decoration: blink;">Ваш текст</a>

Бегущая строка

<marquee>Ваш текст</marquee>


Оформление картинок (фотографий)

Картинку(фото) сначала уменьшаем до нужных размеров! Перед работой с HTML загрузите картинку в управлении файлами на вашем сайте и скопируйте ее HTML код.

Примечание : Все коды вставляем между " "


Вставить картинку

<img src="адрес картинки">

Картинка в рамке

<img src="адрес картинки" style="margin:3px;border:2px solid #000000;">

Картинка по центру

<img src="адрес картинки" align="center">

Картинка слева, текст справа

<img src="адрес картинки " align="left">

Картинка справа, текст слева

<img src="адрес картинки" align="right">

Увеличение маленьких картинок, идущих по горинзонтали с заданным растоянием в новом окне

<a href="адрес большой картинки" target=” blank” ><img src="адрес маленькой картинки"hspace="20"></a>

Фотогалерея (маленькие фото в рамках на одной странице, большие открываются в новом окне)

<a href="большая" target=” blank” >

<img src="маленькая" height="190" style="margin:3px;border:2px solid #000000;"></a>

190-высота в пикселях можно менять

000000-цвет (черный) можно менять

Как поставить картинку с Вашего сайта на форум:
Копируем код картинки и вставляем его между (без пробелов)

[img] адрес картинки [/img]


Рамки :

none - граница отсутствует (по умолчанию).
dotted - граница из ряда точек.
dashed - пунктирная граница.
solid - сплошная граница
double - двойная граница
groove - граница "бороздка"
ridge - граница "гребень"
inset - вдавленная граница
outset - выдавленная граница


Код для Вашего баннера

<a href="адрес сайта" target="_blank"><img src="адрес картинки баннера" width="468" height="60" border="0" alt="текст"></a>


Оформление текста

Текст с тенью (shadowtext)

этот код между тегами <head> и </head>:

<style type="text/css">
.shadowtext {
text-shadow: 1px 1px 1px #333333; /* параметры тени */
color: #000000; /* цвет текста */
font-size: 12pt; /* размер текста */}
</style>

Вставь этот код в нужном месте на странице.
Если тень ко всему тексту, то в начале <body>

<div class="shadowtext">Текст с тенью</div> 

Текст с разделением по вертикали:

<li>Текст</li>

Мигающий текст:

<p><span style="text-decoration: blink;">МИГАЮЩИЙ ТЕКСТ</span></p>

Просмотров: 868