про Кипр
ГлавнаяНа главную

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

viber-whatsapp+357 96 38-39-40
Флаг Украины+38 073 7 38-39-40
Флаг России+7(495)777-66-75 (178-441)

Справочник по 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-2016.

Рейтинг сайта про Кипр 4.9 из 5 ЗвездаЗвездаЗвездаЗвездаЗвезда от 17711 посетителей в месяц
Обратная связь + / x
открыть в новом окне
Name 
Gmail
Viber
открыть в новом окне