Мой город

Полезные HTML-коды

Яндекс.Погода



 



 



 



 

Код бегущей строки баннеров/картинок:

Для остановки используется атрибут "onmouseout="this.start()" onmouseover="this.stop()" " который надо вставить перед атрибутом скорости: < marquee >

<marquee direction="left"><table border="0" cellpadding="1" cellspacing="1" style="width:100%;">
 <tbody>
 <tr>
 <td style="text-align: center;">код баннера</td>
 <td style="text-align: center;">код баннера</td>
 <td style="text-align: center;">код баннера</td>
 <td style="text-align: center;">код баннера</td>
 </tr>
 </tbody>
</table></marquee>

Код бегущей строки текста:

 <marquee direction="left">Вписать текст здесь</marquee> 

Ротатор баннеров:

Меняем размер width (ширина) под размер своего баннера. Размер баннеров должен быть одинаковым!

<script>
var banner = new Array();
banner[0] = '<a href="URL вашего сайта" target=_blank ><img src="URL вашей картинки" alt="тема баннера" title="Посмотреть" width=200 ></a>';
banner[1] = '<a href="URL вашего сайта" target=_blank ><img src="URL вашей картинки" alt="тема баннера" title="Посмотреть" width=200 ></a>';
banner[2] = '<a href="URL вашего сайта" target=_blank ><img src="URL вашей картинки" alt="тема баннера" title="Посмотреть" width=200 ></a>';
var n = ~~(Math.random()*3);
document.write(banner[n]);
</script>
 

Видео на страницу:

Возможно изменять размер экрана под свои задачи.

<iframe width="560" height="315" src="URL видео" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; 
picture-in-picture" allowfullscreen></iframe>

Кнопка с переходом по ссылке:

<div dir="ltr" style="text-align: left;" trbidi="on">
<form action="URL ссылки" method="get" target="_blank">
<div style="text-align: center;"><br />
<br />
<input type="submit" value="Название кнопки" /><br />
&nbsp;</div>
</form>
</div>

Кнопка спрятанного текста (спойлер):

<div><input value="Показать 
содержимое" onclick="if(this.parentNode.getElementsByTagName('div')
[0].style.display != ''){this.parentNode.getElementsByTagName('div')
[0].style.display = '';this.value = 'Скрыть 
содержимое';}else{this.parentNode.getElementsByTagName('div')
[0].style.display = 'none'; this.value = 'Показать 
содержимое';}" type="button" /><div style="display: 
none;">Вставьте сюда контент, который нужно 
спрятать</div></div>
 

Код HTML редирект:

< head > Мета тег с редиректом вставляется между < / head >. Параметр content="" со значением 1 определяет перенаправление через 1 секунду. Поисковые системы не уважают редиректы с 0 значением. После URL= необходимо ввести с текущей страницы адрес перенаправления.

<meta http-equiv="refresh" content="1;URL=" />

HTML обтекание картинки текстом:

align="top" – выравнивает картинку и текст по верху. align="middle" – выравнивает картинку и текст по центру, по вертикали. align="bottom" – выравнивает картинку и текст по низу. Размеры значений картинок width= и height= меняем под свои задачи.

<p><img src="URL картинки" width="128" height="128" align="top" />Текст вверху картинки</p>
<p><img src="URL картинки" width="128" height="128" align="middle" /> Текст по середине</p>
<p><img src="URL картинки" width="128" height="128" align="bottom" /> Текст снизу картинки</p>

Горизонтальное обтекание:

Меняем значение align= на "right" и картинка будет справа, а текст обтекает слева.

<img src="URL картинки" align="left" width="128" height="128" />
<p>Изображение обтекает текст слева</p>
<p>Изображение обтекает текст слева</p>
<p>Изображение обтекает текст слева</p>
<p>Изображение обтекает текст слева</p>

Горизонтальная линия:

Атрибуты и значения. align="" – выравнивает линию справа или слева. width="" – ширина в пикселях или процентах. size="" – задает толщину горизонтальной линии. color="#" – устанавливает цвет линии.


<hr align="center" width="500" size="2" color="#ff0000" />
<br />
<hr align="left" width="300" size="4" color="#ff9900" />
<br />
<hr align="right" width="400" size="3" color="#0000dd" />

HTML размер шрифта и текста:

В зависимости от задачи, в значении style="font-size: ставим свой размер шрифта в пикселях.

<p style="font-size:9px">Текст высотой 9 пикселей</p>
<p style="font-size:12px">Текст высотой 12 пикселей</p>
<p style="font-size:15px">Текст высотой 15 пикселей</p>
<p style="font-size:18px">Текст высотой 18 пикселей</p>

P.S. Создав сайт, необходимо озаботиться его продвижением и узнаваемостью в системе интернета, необходимо заявить о своём сайте, что бы как можно больше пользователей переходили по его ссылке и посещали его, что без самнения поднимет его рейтинг в сети и повысит индексацию поисковых систем, а так же даёт возможность предлагать посетителям сайта всевозможную рекламу, что принесёт Вам некоторую окупаемость хостинга, на котором будет расположен Ваш сайт. Могу предложить Вам отличный и дешёвый хостинг ЖМИ для перехода ЗДЕСЬ!, всего от 33 руб. в месяц и которым пользуюсь сам с 14-го года. Лучше пользоваться платным хостингом, т.к. многие сервисы с подозрением относятся к сайтам, расположенным на бесплатном хостинге и не позваляют размещать свою рекламу на таких сайтах.

Что касается продвижения сайта,- это удовольствие довольно дорогое и затратное! И по-этому рекамендую Вам бесплатное продвижение и раскрутку Вашего сайта на просторах интернета, это сервис: Бесплатные инструменты раскрутки, а для более продвинутых пользователей Своя система обмена ссылками.

Наверх
Цена edem58.ru Траст edem58.ru edem58.ru Alexa/PR Настоящий ПР edem58.ru Добавить сайт в интернете для рекламы Серфинг сайтов, заработок в интернете, платные задания, просмотры рекламы, письма - GeXR.ru Мировые поисковики и поисковые системы Анализ сайта — Репутация сайта - EDEM58.RU Анализ сайта — Приблизительная стоимость сайта - EDEM58.RU

Copyright©2019-2021 edem58