Воскресенье, 23 Июнь 2013 16:27

Необходимые html коды и теги, которые всегда должны быть под рукой у каждого web-мастера

Оцените материал
(3 голосов)

Приветствую Вас друзья! В данном посте, я решил выложить незамысловатые, но очень полезные и главное необходимые html коды, теги, а так же скрипты для Ваших сайтов. Держать все это в голове нет смысла, да и не чему забивать и так замученные наши головы. Пост будет периодически обновляться, так что если Вы не нашли то что искали, ни чего страшного, возможно появится чуть позже.

 Выравнивание текста

По центру:  <center> текст </center> или <div align="center"> текст </div>
По правой стороне:  <div align="right"> текст </div>
По левой стороне:  <div align="left"> текст <div>
По всей ширине:  <div align="justify"> текст </div>

Открытие ссылки в новом окне

Здесь я могу предложить  Вам три варианта. Первый вариант самый простой и часто используемый,  Вы просто добавляете target="_blank" в свою ссылку и получаете следующее:

Простая ссылка:  <a href="/Ссылка" target="_blank"</a>
Ссылка с анкором:  <a href="/Ссылка" target="_blank">Анкор</a>
Ссылка с анкором и подсказкой:  <a href="/Ссылка" target="_blank" title="Подсказка">Анкор</a>

Второй вариант подразумевает открытие всех ссылок находящихся на сайте в новом окне. Если такой вариант Вас устраивает, то разместите в html коде Вашего шаблона, между тегами <head> и </head> ниже указанный код. Если Вы не хотите засорять код шаблона, то воспользуйтесь модулем AnyCode, скачать его Вы так же сможете на моем сайте (Модуль AnyCode) Чтобы воспользоваться таким способом, нужно просто вставить код в окно модуля, назначить позицию к примеру footer, если она у Вас есть и активировать его.

Открытие всех ссылок в новом окне:   <base target="_blank" />

Третий вариант открывает ссылку в маленьком окне. Размеры окна, Вы сможете установить такие, какие Вам больше подходят: Пример

В маленьком окне:  <a href="javascript:window.open('opened.html', 'joe', config='height=300,width=300')">Ссылка</a>

Перенос строки

Перенести строчку можно с помощью тега:

<br/>

Фиксатор текста

Хочу
писать
лесенкой
<pre>Ваш текст</pre>

Спецсимволы

Спецсимволы Вид в браузере
&lt; <
&gt; >
&amp; &
&quot; "
&reg; ®
&trade;
&copy; ©
&hearts;
&times; ×
&asymp;
&bull;
&deg; °
(градус)

 

 

 

 

 

 

 

 

 

 

 

 

Генераторы цветов

 

 

Названия и коды цветов в стандарте HTML

 

Название цвета16-ричный код цветаЦвет текстаЦвет фона
AliceBlue #F0F8FF ABCabc, ABCabc ABCabc, ABCabc
AntiqueWhite #FAEBD7 ABCabc, ABCabc ABCabc, ABCabc
Aqua #00FFFF ABCabc, ABCabc ABCabc, ABCabc
Aquamarine #7FFFD4 ABCabc, ABCabc ABCabc, ABCabc
Azure #F0FFFF ABCabc, ABCabc ABCabc, ABCabc
Beige #F5F5DC ABCabc, ABCabc ABCabc, ABCabc
Bisque #FFE4C4 ABCabc, ABCabc ABCabc, ABCabc
Black #000000 ABCabc, ABCabc ABCabc, ABCabc
BlanchedAlmond #FFEBCD ABCabc, ABCabc ABCabc, ABCabc
Blue #0000FF ABCabc, ABCabc ABCabc, ABCabc
BlueViolet #8A2BE2 ABCabc, ABCabc ABCabc, ABCabc
Brown #A52A2A ABCabc, ABCabc ABCabc, ABCabc
BurlyWood #DEB887 ABCabc, ABCabc ABCabc, ABCabc
CadetBlue #5F9EA0 ABCabc, ABCabc ABCabc, ABCabc
Chartreuse #7FFF00 ABCabc, ABCabc ABCabc, ABCabc
Chocolate #D2691E ABCabc, ABCabc ABCabc, ABCabc
Coral #FF7F50 ABCabc, ABCabc ABCabc, ABCabc
CornflowerBlue #6495ED ABCabc, ABCabc ABCabc, ABCabc
Cornsilk #FFF8DC ABCabc, ABCabc ABCabc, ABCabc
Crimson #DC143C ABCabc, ABCabc ABCabc, ABCabc
Cyan #00FFFF ABCabc, ABCabc ABCabc, ABCabc
DarkBlue #00008B ABCabc, ABCabc ABCabc, ABCabc
DarkCyan #008B8B ABCabc, ABCabc ABCabc, ABCabc
DarkGoldenRod #B8860B ABCabc, ABCabc ABCabc, ABCabc
DarkGray #A9A9A9 ABCabc, ABCabc ABCabc, ABCabc
DarkGreen #006400 ABCabc, ABCabc ABCabc, ABCabc
DarkKhaki #BDB76B ABCabc, ABCabc ABCabc, ABCabc
DarkMagenta #8B008B ABCabc, ABCabc ABCabc, ABCabc
DarkOliveGreen #556B2F ABCabc, ABCabc ABCabc, ABCabc
Darkorange #FF8C00 ABCabc, ABCabc ABCabc, ABCabc
DarkOrchid #9932CC ABCabc, ABCabc ABCabc, ABCabc
DarkRed #8B0000 ABCabc, ABCabc ABCabc, ABCabc
DarkSalmon #E9967A ABCabc, ABCabc ABCabc, ABCabc
DarkSeaGreen #8FBC8F ABCabc, ABCabc ABCabc, ABCabc
DarkSlateBlue #483D8B ABCabc, ABCabc ABCabc, ABCabc
DarkSlateGray #2F4F4F ABCabc, ABCabc ABCabc, ABCabc
DarkTurquoise #00CED1 ABCabc, ABCabc ABCabc, ABCabc
DarkViolet #9400D3 ABCabc, ABCabc ABCabc, ABCabc
DeepPink #FF1493 ABCabc, ABCabc ABCabc, ABCabc
DeepSkyBlue #00BFFF ABCabc, ABCabc ABCabc, ABCabc
DimGray #696969 ABCabc, ABCabc ABCabc, ABCabc
DodgerBlue #1E90FF ABCabc, ABCabc ABCabc, ABCabc
Feldspar #D19275 ABCabc, ABCabc ABCabc, ABCabc
FireBrick #B22222 ABCabc, ABCabc ABCabc, ABCabc
FloralWhite #FFFAF0 ABCabc, ABCabc ABCabc, ABCabc
ForestGreen #228B22 ABCabc, ABCabc ABCabc, ABCabc
Fuchsia #FF00FF ABCabc, ABCabc ABCabc, ABCabc
Gainsboro #DCDCDC ABCabc, ABCabc ABCabc, ABCabc
GhostWhite #F8F8FF ABCabc, ABCabc ABCabc, ABCabc
Gold #FFD700 ABCabc, ABCabc ABCabc, ABCabc
GoldenRod #DAA520 ABCabc, ABCabc ABCabc, ABCabc
Gray #808080 ABCabc, ABCabc ABCabc, ABCabc
Green #008000 ABCabc, ABCabc ABCabc, ABCabc
GreenYellow #ADFF2F ABCabc, ABCabc ABCabc, ABCabc
HoneyDew #F0FFF0 ABCabc, ABCabc ABCabc, ABCabc
HotPink #FF69B4 ABCabc, ABCabc ABCabc, ABCabc
IndianRed #CD5C5C ABCabc, ABCabc ABCabc, ABCabc
Indigo #4B0082 ABCabc, ABCabc ABCabc, ABCabc
Ivory #FFFFF0 ABCabc, ABCabc ABCabc, ABCabc
Khaki #F0E68C ABCabc, ABCabc ABCabc, ABCabc
Lavender #E6E6FA ABCabc, ABCabc ABCabc, ABCabc
LavenderBlush #FFF0F5 ABCabc, ABCabc ABCabc, ABCabc
LawnGreen #7CFC00 ABCabc, ABCabc ABCabc, ABCabc
LemonChiffon #FFFACD ABCabc, ABCabc ABCabc, ABCabc
LightBlue #ADD8E6 ABCabc, ABCabc ABCabc, ABCabc
LightCoral #F08080 ABCabc, ABCabc ABCabc, ABCabc
LightCyan #E0FFFF ABCabc, ABCabc ABCabc, ABCabc
LightGoldenRodYellow #FAFAD2 ABCabc, ABCabc ABCabc, ABCabc
LightGrey #D3D3D3 ABCabc, ABCabc ABCabc, ABCabc
LightGreen #90EE90 ABCabc, ABCabc ABCabc, ABCabc
LightPink #FFB6C1 ABCabc, ABCabc ABCabc, ABCabc
LightSalmon #FFA07A ABCabc, ABCabc ABCabc, ABCabc
LightSeaGreen #20B2AA ABCabc, ABCabc ABCabc, ABCabc
LightSkyBlue #87CEFA ABCabc, ABCabc ABCabc, ABCabc
LightSlateBlue #8470FF ABCabc, ABCabc ABCabc, ABCabc
LightSlateGray #778899 ABCabc, ABCabc ABCabc, ABCabc
LightSteelBlue #B0C4DE ABCabc, ABCabc ABCabc, ABCabc
LightYellow #FFFFE0 ABCabc, ABCabc ABCabc, ABCabc
Lime #00FF00 ABCabc, ABCabc ABCabc, ABCabc
LimeGreen #32CD32 ABCabc, ABCabc ABCabc, ABCabc
Linen #FAF0E6 ABCabc, ABCabc ABCabc, ABCabc
Magenta #FF00FF ABCabc, ABCabc ABCabc, ABCabc
Maroon #800000 ABCabc, ABCabc ABCabc, ABCabc
MediumAquaMarine #66CDAA ABCabc, ABCabc ABCabc, ABCabc
MediumBlue #0000CD ABCabc, ABCabc ABCabc, ABCabc
MediumOrchid #BA55D3 ABCabc, ABCabc ABCabc, ABCabc
MediumPurple #9370D8 ABCabc, ABCabc ABCabc, ABCabc
MediumSeaGreen #3CB371 ABCabc, ABCabc ABCabc, ABCabc
MediumSlateBlue #7B68EE ABCabc, ABCabc ABCabc, ABCabc
MediumSpringGreen #00FA9A ABCabc, ABCabc ABCabc, ABCabc
MediumTurquoise #48D1CC ABCabc, ABCabc ABCabc, ABCabc
MediumVioletRed #C71585 ABCabc, ABCabc ABCabc, ABCabc
MidnightBlue #191970 ABCabc, ABCabc ABCabc, ABCabc
MintCream #F5FFFA ABCabc, ABCabc ABCabc, ABCabc
MistyRose #FFE4E1 ABCabc, ABCabc ABCabc, ABCabc
Moccasin #FFE4B5 ABCabc, ABCabc ABCabc, ABCabc
NavajoWhite #FFDEAD ABCabc, ABCabc ABCabc, ABCabc
Navy #000080 ABCabc, ABCabc ABCabc, ABCabc
OldLace #FDF5E6 ABCabc, ABCabc ABCabc, ABCabc
Olive #808000 ABCabc, ABCabc ABCabc, ABCabc
OliveDrab #6B8E23 ABCabc, ABCabc ABCabc, ABCabc
Orange #FFA500 ABCabc, ABCabc ABCabc, ABCabc
OrangeRed #FF4500 ABCabc, ABCabc ABCabc, ABCabc
Orchid #DA70D6 ABCabc, ABCabc ABCabc, ABCabc
PaleGoldenRod #EEE8AA ABCabc, ABCabc ABCabc, ABCabc
PaleGreen #98FB98 ABCabc, ABCabc ABCabc, ABCabc
PaleTurquoise #AFEEEE ABCabc, ABCabc ABCabc, ABCabc
PaleVioletRed #D87093 ABCabc, ABCabc ABCabc, ABCabc
PapayaWhip #FFEFD5 ABCabc, ABCabc ABCabc, ABCabc
PeachPuff #FFDAB9 ABCabc, ABCabc ABCabc, ABCabc
Peru #CD853F ABCabc, ABCabc ABCabc, ABCabc
Pink #FFC0CB ABCabc, ABCabc ABCabc, ABCabc
Plum #DDA0DD ABCabc, ABCabc ABCabc, ABCabc
PowderBlue #B0E0E6 ABCabc, ABCabc ABCabc, ABCabc
Purple #800080 ABCabc, ABCabc ABCabc, ABCabc
Red #FF0000 ABCabc, ABCabc ABCabc, ABCabc
RosyBrown #BC8F8F ABCabc, ABCabc ABCabc, ABCabc
RoyalBlue #4169E1 ABCabc, ABCabc ABCabc, ABCabc
SaddleBrown #8B4513 ABCabc, ABCabc ABCabc, ABCabc
Salmon #FA8072 ABCabc, ABCabc ABCabc, ABCabc
SandyBrown #F4A460 ABCabc, ABCabc ABCabc, ABCabc
SeaGreen #2E8B57 ABCabc, ABCabc ABCabc, ABCabc
SeaShell #FFF5EE ABCabc, ABCabc ABCabc, ABCabc
Sienna #A0522D ABCabc, ABCabc ABCabc, ABCabc
Silver #C0C0C0 ABCabc, ABCabc ABCabc, ABCabc
SkyBlue #87CEEB ABCabc, ABCabc ABCabc, ABCabc
SlateBlue #6A5ACD ABCabc, ABCabc ABCabc, ABCabc
SlateGray #708090 ABCabc, ABCabc ABCabc, ABCabc
Snow #FFFAFA ABCabc, ABCabc ABCabc, ABCabc
SpringGreen #00FF7F ABCabc, ABCabc ABCabc, ABCabc
SteelBlue #4682B4 ABCabc, ABCabc ABCabc, ABCabc
Tan #D2B48C ABCabc, ABCabc ABCabc, ABCabc
Teal #008080 ABCabc, ABCabc ABCabc, ABCabc
Thistle #D8BFD8 ABCabc, ABCabc ABCabc, ABCabc
Tomato #FF6347 ABCabc, ABCabc ABCabc, ABCabc
Turquoise #40E0D0 ABCabc, ABCabc ABCabc, ABCabc
Violet #EE82EE ABCabc, ABCabc ABCabc, ABCabc
VioletRed #D02090 ABCabc, ABCabc ABCabc, ABCabc
Wheat #F5DEB3 ABCabc, ABCabc ABCabc, ABCabc
White #FFFFFF ABCabc, ABCabc ABCabc, ABCabc
WhiteSmoke #F5F5F5 ABCabc, ABCabc ABCabc, ABCabc
Yellow #FFFF00 ABCabc, ABCabc ABCabc, ABCabc
YellowGreen #9ACD32 ABCabc, ABCabc ABCabc, ABCabc

 

Если у Вас возникли какие либо сложности, то Вы можете написать мне через службу техподдержки, кнопка которой находится в верхнем меню сайта. Желаю всем Вам Успехов!!! С Уважением Bumer!

 

 

Последнее изменение Среда, 14 Август 2013 22:35
Другие материалы в этой категории: Как вставить картинку в фон страницы »
Новые игры Alawar.