про КипрНа главную
ВизаВиза      Переводчик, разговорник, уроки греческогоПеревод Транспорт, таксиТакси    
ЮристАдвокат-юрист     КомпанияКомпания     ДоверенностьДоверенность     СертификатСертификат АпостильАпостиль              КурьерКурьер        
НотариусНотариус  БукетБукет        ВизаШенген    Свадьба и регистрация бракаСвадьба   Корзина магазинаМагазин  Звезда морскаяЭкскурсии
Телефон 24 часаОтправить запрос

viber-whatsapp+357 96 38-39-40
Флаг России+7 (499) 346-65-51
Флаг Украины+38 (073) 7 38-39-40

Справочник по html. Коды и тэги для html. Примеры использования html-кодов


Фотогалерея.

Вставляем в html страницу с фотогалереей
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/lightbox.min.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />

В корневую папку сайта копируем файлы
папка js : lightbox.min.js , jquery-1.11.0.min.js
папка css : lightbox.css
папка img : prev.png, next.png, loading.gif, close.png

А фотографии или картинки делаем ссылкой
<a href="img.jpg" data-lightbox="image" data-title="фото">
Если сделать альбом, то в data-lightbox="image" всем фото одинаковое имя, а если увеличение по одному изображению, то разное.


При наведении на абзац меняется цвет

Адвокат: Брак, Развод, Алименты, Завещание, Доверенность, Законодательство и законы, Суды, Ответы адвоката


Стиль ссылок

<style type="text/css">
a:link {text-decoration:underline; color:#00008B;}
a:active {text-decoration:underline; color:#00008B;}
a:visited {text-decoration:underline; color:#00008B;}
a:hover {text-decoration:none; color:red}
</style>

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

<p align="center"><a href="image.jpg" title="image" target="_blank"><img style="max-width: 100%; height: auto;" src="s/image.jpg" border="0" alt="image"><br>увеличить</a><br>image</p>

восточные танцы
увеличить

восточные танцы


Линия в html:

<hr> -

Также линия из рисунка
<img src="O/blue.jpg" width=100% height=3>


Основные стили и шрифты текста в html

<br/> - Перенос по строке вниз;
title="ТЕКСТ" - всплывающая подсказка;
&nbsp; &nbsp; &nbsp; &nbsp; - пробел;
<u>Ваш текст</u> -  Подчеркнутый;
<s>Ваш текст</s> - Перечеркнутый;
<b>Ваш текст</b> - Полужирный;
<big>Ваш текст</big> - Полужирный крупный;
<i>Ваш текст</i> - Курсив;
<tt>шрифт "пишущая машинка"</tt> - шрифт "пишущая машинка"
<blockquote>цитата</blockquote> - цитата

Комментарии и Вопросы посетителей:


Как
залить абзац цветом

<p style="background-color:#EEE9E9;"><i>Комментарии и Вопросы посетителей:</i>
</p>
<hr>
<p style="background-color:#EEE9E9;">
</p>
Таблица:
<table border=0 widht=52%> - таблица (начало)
<tr> - строка (начало);
</tr> - конец строки;
Между символами <td> и </td> заключается отдельная ячейка таблицы;
</table> - конец таблицы.

Убрать под кат:
<cut text="Читать далее/ смотреть все картинки/и т.п."> Ваш текст, который нужно убрать под кат </cut>

Выравнивание текста:
<div align=right> ваш текст </div> - выравнивание по правому краю;
<div align=justify> ваш текст </div> - выравнивание по всей ширине текста;
<center>ваш текст, картинка</center> - центрирование.




Списки HTML 
Нумерованный список
<ol type=1><li>первый элемент</li>
<li>второй элемент</li>
.....
<li>N - элемент</li>
</ol>
  1. первый элемент
  2. второй элемент
  3. ......
  4. N - элемент
Маркированный список
<ul type=disc>
<li>первый элемент</li>
<li>второй элемент</li>
.....
<li>N - элемент</li>
</ul>
  • первый элемент
  • второй элемент
  • ......
  • N - элемент


Окошко для вставки кода:
1.
<textarea rows="2" cols="40"> ВАШ КОД </textarea> , где cols - ширина окошка в px, а rows - число строк в окне.

2.

<input type='text' size='15' value='Ваш код'>

Изменяем шрифт, размер и цвет текста:
<span style="font-family:Monotype Corsiva;color:fuchsia;font-size:25px">Ваш текст</span> , где font-family - шрифт, color - цвет, font-size - размер.

Оформление ссылок:
<a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a>
<a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a> - кликабельная картинка,
<a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a> - ссылка откроется в новом окне.

Кнопка с выпадающим списком:
  копируем код из окошка


Копируем код и вставляем в новую запись в формат HTML, вместо слова ССЫЛКА пишем необходимый URL адрес (ссылку, по которой нужно перейти)
Вместо слова НАЗВАНИЕ пишем описание этой ссылки (например: главная страница)
Вместо фразы НАДПИСЬ НА КНОПКЕ пишем слово, которое будет написано на кнопке, при нажатии на которую, мы перейдём на нужную страницу (например, Перейти)


Пишем на картинке:
  копируем код из окошка

     подробнее читать здесь

Обтекание картинки текстом:
<img src="http:…" align="left" hspace=20 vspace=20> , где align="left" – картинка слева, текст справа
                                                                                      align=right -
картинка справа, текст слева
                                                                                      hspace=20 -
расстояние между текстом и картинкой 20 пикселей по горизонтали
                                                                                      vspace=20
- расстояние между текстом и картинкой 20 пикселей по вертикали




Ваш текст 1
Ваш текст 2


         Подробнее читайте здесь

Делаем рамочки:
,
где background - фон слоя; border-style - стиль бордюра; ridge - ранг; color -цвет; padding - ширина рамки в пикселях.
Для текста: text-align:center - параметры выравнивания текста (центрирование); font - шрифт; font-style - стиль шрифта (italic - наклонный); color - цвет; padding - отступы.

Кнопка
<form action="http://....." target="_blank" method="get"><button type="submit"> Надпись на кнопке </button></form>
<form action="http://....." target="_blank" method="get"><button type="submit"><img src="адрес картинки" align="absMiddle" /> надпись</button></form>


Очень красивая кнопка для сайта, но не работает во всех браузерах:
заказать услугу
<button style="width: 260px; height: 50px; font-size: 20px; background: linear-gradient(to bottom, #FCDB00 0px, #F80 100%) repeat scroll 0% 0% transparent; box-shadow: 1px 3px 5px 0px rgba(255, 255, 255, 0.7) inset; border-radius: 20px; color: #FFF; text-shadow: -2px -2px 2px #FF6C00; text-transform: uppercase; border: medium none; outline: medium none; cursor: pointer;">Заказать услугу</button>
Бегущая строка
  < font size="5" color="red">Текст бегущей строки.

, где bgcolor-цвет фона.

Cоздание скрипта даты и вставка его на HTML-страницу

Вот весь скрипт даты:

<script language="javascript" type="text/javascript"><!--
var d = new Date();
var day=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота");
var month=new Array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря");
document.write(day[d.getDay()]+" " +d.getDate()+ " " + month[d.getMonth()] + " " + d.getFullYear() + " г.");
//--></script>

Получите следующую надпись:  .

Описанный способ удобен, например, для автоматического ежегодного изменения строки Copyright © 2004 - на сайте, если, конечно, такая строчка там присутствует.


Для склейки домена с www и без нужно сделать переадресацию – 301 редирект

Если сайт с www. не открывается, а сайт без www. открывается (или сайт без www. не открывается, а сайт с www. открывается),
и не помогает в файле .htaccess (находится в корне сайта) прописывание

RewriteEngine on
RewriteCond %{HTTP_HOST} ^www.prokipr.ru
RewriteRule ^(.*)$ http://prokipr.ru/$1 [R=301,L]

Если вам нужно наоборот сделать редирект с http://site.ru на www.site.ru, то запись будет выглядеть так:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^prokipr.ru
RewriteRule (.*) http://www.prokipr.ru/$1 [R=301,L]

то это связано с настройками DNS и надо изменить запись A Record (or host name)


Как не переносить слова в новую строчку. Как сделать, чтобы тег p или span не переносился?

Резиновый сайт для смартфона. Адаптивная верстка для всех браузеров. Сайт для мобильного


Как сделать Таймгенератор

Подробности как сделать Таймгенератор смотри в коде страницы

задать вопрос

Имя:   
e-mail:
Высокое качество
Мы всегда предоставляем услуги высшего качества.

доставка вовремя
Мы работаем круглосуточно 24/7 !

доставка по Кипру
Мы работаем в любой точке на Кипре.

автор:
Николай Прокипр
google+
 facebook  вконтакте



ГлавнаяКонтакты
Copyright © ProKipr.ru . KrAn. All rights reserved. 2004-2017.

Рейтинг сайта про Кипр 4.9 из 5 ЗвездаЗвездаЗвездаЗвездаЗвезда от 89 посетителей в месяц