Html для начинающих ( часть 2-я) |
Метки: html для начинающих ( часть 2-я) |
ЛиРу - как сделать бегущую строку ( плюс дополнение к "html для начинающих") |
|
Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений) |
Метки: html для начинающих ( часть 3-ая цвет фона фоновая картинка вставка изображений) |
Html для начинающих ( часть 4-ая, таблицы, разрешение экрана) |
Метки: html для начинающих |
Html для начинающих ( часть 5-я, практикуемся) |
Метки: html для начинающих |
Создание HTML кода ссылки |
Бесплатный сервис по созданию html-кода ссылок. Вводите адрес сайта и текст ссылки и при желании – и дополнительные параметры, нажимаете кнопку – код вашей ссылки готов! Этот сервис очень пригодится для тех,кто сам не умеет делать кликабельные ссылки |
Метки: создание html кода ссылки |
Огромная HTML-Шпаргалочка |
Метки: html шпаргалка |
Изучаем HTML, о котором все забыли. Теги. Оформление постов. Ответы на вопросы. |
Самое популярное сообщение на лиру, которое набрало больше 10 тысяч цитат, посвящено кодам html. Всё в нем хорошо, да вот только объяснений мало. А ведь с сопроводительной информацией объем можно было бы уменьшить, рассказав какие параметры за что отвечают.
Писать про абсолютно все теги, которые можно использовать - бессмысленно: не хватит места, времени и желания. И, главное, мало кому нужно абсолютно всё.
Ну что же, поехали. Пост написан LexIncorp. Цитировать и ссылаться не запрещено.
Не отрицая возможности возникновения вопросов, предлагаю следующее. Благо, нововведения лиру это позволяют.
Вы оставляете вопрос в комментарии, ставите галочку "Опубликовать комментарий и ссылку в моем дневнике", ваш вопрос дублируется у вас в блоге. У меня появляется время, я иду к вам и отвечаю у вас на поставленный вопрос по теме поста.
Для чего это? Чтобы не загромождать комментарии тут и чтобы ответы на ваши вопросы были у вас).
Оглавление
Прячем текст под кат
Начертание текста
Размер шрифта
Цвет текста
Гарнитура шрифта
Цитаты
Списки
Форматирование
Бегущая строка
Вставка изображений
Ссылки, баннеры
Рамки для текста
Форма для кода
Прежде чем начать изучение материала, кое-что поясню. Чтобы зайти с улицы в комнату, сначала надо зайти в квартиру, а потом уже в комнату. Также, чтобы выйти на улицу из комнаты, сначала мы выходим из нее, потом из квартиры.
К чему это я? К тому, что первым делом надо закрывать тот тег, который открыли последним. (исключение составляет тег ката).
И еще: не бойтесь экспереминтировать. Html не может убить ваш компьютер и стереть информацию)
читаем, изучаем, практикуем
Метки: html |
Таблица цветов |
Написание | Цвет | Код цвета для HTML |
Snow | Snow | #FFFAFA |
GhostWhite | GhostWhite | #F8F8FF |
WhiteSmoke | WhiteSmoke | #F5F5F5 |
Gainsboro | Gainsboro | #DCDCDC |
FloralWhite | FloralWhite | #FFFAF0 |
OldLace | OldLace | #FDF5E6 |
Linen | Linen | #FAF0E6 |
AntiqueWhite | AntiqueWhite | #FAEBD7 |
PapayaWhip | PapayaWhip | #FFEFD5 |
BlanchedAlmond | BlanchedAlmond | #FFEBCD |
Bisque | Bisque | #FFE4C4 |
PeachPuff | PeachPuff | #FFDAB9 |
NavajoWhite | NavajoWhite | #FFDEAD |
Moccasin | Moccasin | #FFE4B5 |
Cornsilk | Cornsilk | #FFF8DC |
Ivory | Ivory | #FFFFF0 |
LemonChiffon | LemonChiffon | #FFFACD |
Seashell | Seashell | #FFF5EE |
Honeydew | Honeydew | #F0FFF0 |
MintCream | MintCream | #F5FFFA |
Azure | Azure | #F0FFFF |
AliceBlue | AliceBlue | #F0F8FF |
lavender | lavender | #E6E6FA |
LavenderBlush | LavenderBlush | #FFF0F5 |
MistyRose | MistyRose | #FFE4E1 |
White | White | #FFFFFF |
Black | Black | #000000 |
DarkSlateGray | DarkSlateGray | #2F4F4F |
DimGrey | DimGrey | #696969 |
SlateGrey | SlateGrey | #708090 |
LightSlateGray | LightSlateGray | #778899 |
Grey | Grey | #BEBEBE |
LightGray | LightGray | #D3D3D3 |
MidnightBlue | MidnightBlue | #191970 |
NavyBlue | NavyBlue | #000080 |
CornflowerBlue | CornflowerBlue | #6495ED |
DarkSlateBlue | DarkSlateBlue | #483D8B |
SlateBlue | SlateBlue | #6A5ACD |
MediumSlateBlue | MediumSlateBlue | #7B68EE |
LightSlateBlue | LightSlateBlue | #8470FF |
MediumBlue | MediumBlue | #0000CD |
RoyalBlue | RoyalBlue | #4169E1 |
Blue | Blue | #0000FF |
DodgerBlue | DodgerBlue | #1E90FF |
DeepSkyBlue | DeepSkyBlue | #00BFFF |
SkyBlue | SkyBlue | #87CEEB |
LightSkyBlue | LightSkyBlue | #87CEFA |
SteelBlue | SteelBlue | #4682B4 |
LightSteelBlue | LightSteelBlue | #B0C4DE |
LightBlue | LightBlue | #ADD8E6 |
PowderBlue | PowderBlue | #B0E0E6 |
PaleTurquoise | PaleTurquoise | #AFEEEE |
DarkTurquoise | DarkTurquoise | #00CED1 |
MediumTurquoise | MediumTurquoise | #48D1CC |
Turquoise | Turquoise | #40E0D0 |
Cyan | Cyan | #00FFFF |
LightCyan | LightCyan | #E0FFFF |
CadetBlue | CadetBlue | #5F9EA0 |
MediumAquamarine | MediumAquamarine | #66CDAA |
Aquamarine | Aquamarine | #7FFFD4 |
DarkGreen | DarkGreen | #006400 |
DarkOliveGreen | DarkOliveGreen | #556B2F |
DarkSeaGreen | DarkSeaGreen | #8FBC8F |
SeaGreen | SeaGreen | #2E8B57 |
MediumSeaGreen | MediumSeaGreen | #3CB371 |
LightSeaGreen | LightSeaGreen | #20B2AA |
PaleGreen | PaleGreen | #98FB98 |
SpringGreen | SpringGreen | #00FF7F |
LawnGreen | LawnGreen | #7CFC00 |
Green | Green | #00FF00 |
Chartreuse | Chartreuse | #7FFF00 |
MedSpringGreen | MedSpringGreen | #00FA9A |
GreenYellow | GreenYellow | #ADFF2F |
LimeGreen | LimeGreen | #32CD32 |
YellowGreen | YellowGreen | #9ACD32 |
ForestGreen | ForestGreen | #228B22 |
OliveDrab | OliveDrab | #6B8E23 |
DarkKhaki | DarkKhaki | #BDB76B |
PaleGoldenrod | PaleGoldenrod | #EEE8AA |
LtGoldenrodYello | LtGoldenrodYello | #FAFAD2 |
LightYellow | LightYellow | #FFFFE0 |
Yellow | Yellow | #FFFF00 |
Gold | Gold | #FFD700 |
LightGoldenrod | LightGoldenrod | #EEDD82 |
goldenrod | goldenrod | #DAA520 |
DarkGoldenrod | DarkGoldenrod | #B8860B |
RosyBrown | RosyBrown | #BC8F8F |
IndianRed | IndianRed | #CD5C5C |
SaddleBrown | SaddleBrown | #8B4513 |
Sienna | Sienna | #A0522D |
Peru | Peru | #CD853F |
Burlywood | Burlywood | #DEB887 |
Beige | Beige | #F5F5DC |
Wheat | Wheat | #F5DEB3 |
SandyBrown | SandyBrown | #F4A460 |
Tan | Tan | #D2B48C |
Chocolate | Chocolate | #D2691E |
Firebrick | Firebrick | #B22222 |
Brown | Brown | #A52A2A |
DarkSalmon | DarkSalmon | #E9967A |
Salmon | Salmon | #FA8072 |
LightSalmon | LightSalmon | #FFA07A |
Orange | Orange | #FFA500 |
DarkOrange | DarkOrange | #FF8C00 |
Coral | Coral | #FF7F50 |
LightCoral | LightCoral | #F08080 |
Tomato | Tomato | #FF6347 |
OrangeRed | OrangeRed | #FF4500 |
Red | Red | #FF0000 |
HotPink | HotPink | #FF69B4 |
DeepPink | DeepPink | #FF1493 |
Pink | Pink | #FFC0CB |
LightPink | LightPink | #FFB6C1 |
PaleVioletRed | PaleVioletRed | #DB7093 |
Maroon | Maroon | #B03060 |
MediumVioletRed | MediumVioletRed | #C71585 |
VioletRed | VioletRed | #D02090 |
Magenta | Magenta | #FF00FF |
Violet | Violet | #EE82EE |
Plum | Plum | #DDA0DD |
Orchid | Orchid | #DA70D6 |
MediumOrchid | MediumOrchid | #BA55D3 |
DarkOrchid | DarkOrchid | #9932CC |
DarkViolet | DarkViolet | #9400D3 |
BlueViolet | BlueViolet | #8A2BE2 |
Purple | Purple | #A020F0 |
MediumPurple | MediumPurple | #9370DB |
Thistle | Thistle | #D8BFD8 |
Snow1 | Snow1 | #FFFAFA |
Snow2 | Snow2 | #EEE9E9 |
Snow3 | Snow3 | #CDC9C9 |
Snow4 | Snow4 | #8B8989 |
Seashell1 | Seashell1 | #FFF5EE |
Seashell2 | Seashell2 | #EEE5DE |
Seashell3 | Seashell3 | #CDC5BF |
Seashell4 | Seashell4 | #8B8682 |
AntiqueWhite1 | AntiqueWhite1 | #FFEFDB |
AntiqueWhite2 | AntiqueWhite2 | #EEDFCC |
AntiqueWhite3 | AntiqueWhite3 | #CDC0B0 |
AntiqueWhite4 | AntiqueWhite4 | #8B8378 |
Bisque1 | Bisque1 | #FFE4C4 |
Bisque2 | Bisque2 | #EED5B7 |
Bisque3 | Bisque3 | #CDB79E |
Bisque4 | Bisque4 | #8B7D6B |
PeachPuff1 | PeachPuff1 | #FFDAB9 |
PeachPuff2 | PeachPuff2 | #EECBAD |
PeachPuff3 | PeachPuff3 | #CDAF95 |
PeachPuff4 | PeachPuff4 | #8B7765 |
NavajoWhite1 | NavajoWhite1 | #FFDEAD |
NavajoWhite2 | NavajoWhite2 | #EECFA1 |
NavajoWhite3 | NavajoWhite3 | #CDB38B |
NavajoWhite4 | NavajoWhite4 | #8B795E |
LemonChiffon1 | LemonChiffon1 | #FFFACD |
LemonChiffon2 | LemonChiffon2 | #EEE9BF |
LemonChiffon3 | LemonChiffon3 | #CDC9A5 |
LemonChiffon4 | LemonChiffon4 | #8B8970 |
Cornsilk1 | Cornsilk1 | #FFF8DC |
Cornsilk2 | Cornsilk2 | #EEE8CD |
Cornsilk3 | Cornsilk3 | #CDC8B1 |
Cornsilk4 | Cornsilk4 | #8B8878 |
Ivory1 | Ivory1 | #FFFFF0 |
Ivory2 | Ivory2 | #EEEEE0 |
Ivory3 | Ivory3 | #CDCDC1 |
Ivory4 | Ivory4 | #8B8B83 |
Honeydew1 | Honeydew1 | #F0FFF0 |
Honeydew2 | Honeydew2 | #E0EEE0 |
Honeydew3 | Honeydew3 | #C1CDC1 |
Honeydew4 | Honeydew4 | #838B83 |
LavenderBlush1 | LavenderBlush1 | #FFF0F5 |
LavenderBlush2 | LavenderBlush2 | #EEE0E5 |
LavenderBlush3 | LavenderBlush3 | #CDC1C5 |
LavenderBlush4 | LavenderBlush4 | #8B8386 |
MistyRose1 | MistyRose1 | #FFE4E1 |
MistyRose2 | MistyRose2 | #EED5D2 |
MistyRose3 | MistyRose3 | #CDB7B5 |
MistyRose4 | MistyRose4 | #8B7D7B |
Azure1 | Azure1 | #F0FFFF |
Azure2 | Azure2 | #E0EEEE |
Azure3 | Azure3 | #C1CDCD |
Azure4 | Azure4 | #838B8B |
SlateBlue1 | SlateBlue1 | #836FFF |
SlateBlue2 | SlateBlue2 | #7A67EE |
SlateBlue3 | SlateBlue3 | #6959CD |
SlateBlue4 | SlateBlue4 | #473C8B |
RoyalBlue1 | RoyalBlue1 | #4876FF |
RoyalBlue2 | RoyalBlue2 | #436EEE |
RoyalBlue3 | RoyalBlue3 | #3A5FCD |
RoyalBlue4 | RoyalBlue4 | #27408B |
Blue1 | Blue1 | #0000FF |
Blue2 | Blue2 | #0000EE |
Blue3 | Blue3 | #0000CD |
Blue4 | Blue4 | #00008B |
DodgerBlue1 | DodgerBlue1 | #1E90FF |
DodgerBlue2 | DodgerBlue2 | #1C86EE |
DodgerBlue3 | DodgerBlue3 | #1874CD |
DodgerBlue4 | DodgerBlue4 | #104E8B |
SteelBlue1 | SteelBlue1 | #63B8FF |
SteelBlue2 | SteelBlue2 | #5CACEE |
SteelBlue3 | SteelBlue3 | #4F94CD |
SteelBlue4 | SteelBlue4 | #36648B |
DeepSkyBlue1 | DeepSkyBlue1 | #00BFFF |
DeepSkyBlue2 | DeepSkyBlue2 | #00B2EE |
DeepSkyBlue3 | DeepSkyBlue3 | #009ACD |
DeepSkyBlue4 | DeepSkyBlue4 | #00688B |
SkyBlue1 | SkyBlue1 | #87CEFF |
SkyBlue2 | SkyBlue2 | #7EC0EE |
SkyBlue3 | SkyBlue3 | #6CA6CD |
SkyBlue4 | SkyBlue4 | #4A708B |
LightSkyBlue1 | LightSkyBlue1 | #B0E2FF |
LightSkyBlue2 | LightSkyBlue2 | #A4D3EE |
LightSkyBlue3 | LightSkyBlue3 | #8DB6CD |
LightSkyBlue4 | LightSkyBlue4 | #607B8B |
SlateGray1 | SlateGray1 | #C6E2FF |
SlateGray2 | SlateGray2 | #B9D3EE |
SlateGray3 | SlateGray3 | #9FB6CD |
SlateGray4 | SlateGray4 | #6C7B8B |
LightSteelBlue1 | LightSteelBlue1 | #CAE1FF |
LightSteelBlue2 | LightSteelBlue2 | #BCD2EE |
LightSteelBlue3 | LightSteelBlue3 | #A2B5CD |
LightSteelBlue4 | LightSteelBlue4 | #6E7B8B |
LightBlue1 | LightBlue1 | #BFEFFF |
LightBlue2 | LightBlue2 | #B2DFEE |
LightBlue3 | LightBlue3 | #9AC0CD |
LightBlue4 | LightBlue4 | #68838B |
LightCyan1 | LightCyan1 | #E0FFFF |
LightCyan2 | LightCyan2 | #D1EEEE |
LightCyan3 | LightCyan3 | #B4CDCD |
LightCyan4 | LightCyan4 | #7A8B8B |
PaleTurquoise1 | PaleTurquoise1 | #BBFFFF |
PaleTurquoise2 | PaleTurquoise2 | #AEEEEE |
PaleTurquoise3 | PaleTurquoise3 | #96CDCD |
PaleTurquoise4 | PaleTurquoise4 | #668B8B |
CadetBlue1 | CadetBlue1 | #98F5FF |
CadetBlue2 | CadetBlue2 | #8EE5EE |
CadetBlue3 | CadetBlue3 | #7AC5CD |
CadetBlue4 | CadetBlue4 | #53868B |
Turquoise1 | Turquoise1 | #00F5FF |
Turquoise2 | Turquoise2 | #00E5EE |
Turquoise3 | Turquoise3 | #00C5CD |
Turquoise4 | Turquoise4 | #00868B |
Cyan1 | Cyan1 | #00FFFF |
Cyan2 | Cyan2 | #00EEEE |
Cyan3 | Cyan3 | #00CDCD |
Cyan4 | Cyan4 | #008B8B |
DarkSlateGray1 | DarkSlateGray1 | #97FFFF |
DarkSlateGray2 | DarkSlateGray2 | #8DEEEE |
DarkSlateGray3 | DarkSlateGray3 | #79CDCD |
DarkSlateGray4 | DarkSlateGray4 | #528B8B |
Aquamarine1 | Aquamarine1 | #7FFFD4 |
Aquamarine2 | Aquamarine2 | #76EEC6 |
Aquamarine3 | Aquamarine3 | #66CDAA |
Aquamarine4 | Aquamarine4 | #458B74 |
DarkSeaGreen1 | DarkSeaGreen1 | #C1FFC1 |
DarkSeaGreen2 | DarkSeaGreen2 | #B4EEB4 |
DarkSeaGreen3 | DarkSeaGreen3 | #9BCD9B |
DarkSeaGreen4 | DarkSeaGreen4 | #698B69 |
SeaGreen1 | SeaGreen1 | #54FF9F |
SeaGreen2 | SeaGreen2 | #4EEE94 |
SeaGreen3 | SeaGreen3 | #43CD80 |
SeaGreen4 | SeaGreen4 | #2E8B57 |
PaleGreen1 | PaleGreen1 | #9AFF9A |
PaleGreen2 | PaleGreen2 | #90EE90 |
PaleGreen3 | PaleGreen3 | #7CCD7C |
PaleGreen4 | PaleGreen4 | #548B54 |
SpringGreen1 | SpringGreen1 | #00FF7F |
SpringGreen2 | SpringGreen2 | #00EE76 |
SpringGreen3 | SpringGreen3 | #00CD66 |
SpringGreen4 | SpringGreen4 | #008B45 |
Green1 | Green1 | #00FF00 |
Green2 | Green2 | #00EE00 |
Green3 | Green3 | #00CD00 |
Green4 | Green4 | #008B00 |
Chartreuse1 | Chartreuse1 | #7FFF00 |
Chartreuse2 | Chartreuse2 | #76EE00 |
Chartreuse3 | Chartreuse3 | #66CD00 |
Chartreuse4 | Chartreuse4 | #458B00 |
OliveDrab1 | OliveDrab1 | #C0FF3E |
OliveDrab2 | OliveDrab2 | #B3EE3A |
OliveDrab3 | OliveDrab3 | #9ACD32 |
OliveDrab4 | OliveDrab4 | #698B22 |
DarkOliveGreen1 | DarkOliveGreen1 | #CAFF70 |
DarkOliveGreen2 | DarkOliveGreen2 | #BCEE68 |
DarkOliveGreen3 | DarkOliveGreen3 | #A2CD5A |
DarkOliveGreen4 | DarkOliveGreen4 | #6E8B3D |
Khaki1 | Khaki1 | #FFF68F |
Khaki2 | Khaki2 | #EEE685 |
Khaki3 | Khaki3 | #CDC673 |
Khaki4 | Khaki4 | #8B864E |
LightGoldenrod1 | LightGoldenrod1 | #FFEC8B |
LightGoldenrod2 | LightGoldenrod2 | #EEDC82 |
LightGoldenrod3 | LightGoldenrod3 | #CDBE70 |
LightGoldenrod4 | LightGoldenrod4 | #8B814C |
LightYellow1 | LightYellow1 | #FFFFE0 |
LightYellow2 | LightYellow2 | #EEEED1 |
LightYellow3 | LightYellow3 | #CDCDB4 |
LightYellow4 | LightYellow4 | #8B8B7A |
Yellow1 | Yellow1 | #FFFF00 |
Yellow2 | Yellow2 | #EEEE00 |
Yellow3 | Yellow3 | #CDCD00 |
Yellow4 | Yellow4 | #8B8B00 |
Gold1 | Gold1 | #FFD700 |
Gold2 | Gold2 | #EEC900 |
Gold3 | Gold3 | #CDAD00 |
Gold4 | Gold4 | #8B7500 |
Goldenrod1 | Goldenrod1 | #FFC125 |
Goldenrod2 | Goldenrod2 | #EEB422 |
Goldenrod3 | Goldenrod3 | #CD9B1D |
Goldenrod4 | Goldenrod4 | #8B6914 |
DarkGoldenrod1 | DarkGoldenrod1 | #FFB90F |
DarkGoldenrod2 | DarkGoldenrod2 | #EEAD0E |
DarkGoldenrod3 | DarkGoldenrod3 | #CD950C |
DarkGoldenrod4 | DarkGoldenrod4 | #8B658B |
RosyBrown1 | RosyBrown1 | #FFC1C1 |
RosyBrown2 | RosyBrown2 | #EEB4B4 |
RosyBrown3 | RosyBrown3 | #CD9B9B |
RosyBrown4 | RosyBrown4 | #8B6969 |
IndianRed1 | IndianRed1 | #FF6A6A |
IndianRed2 | IndianRed2 | #EE6363 |
IndianRed3 | IndianRed3 | #CD5555 |
IndianRed4 | IndianRed4 | #8B3A3A |
Sienna1 | Sienna1 | #FF8247 |
Sienna2 | Sienna2 | #EE7942 |
Sienna3 | Sienna3 | #CD6839 |
Sienna4 | Sienna4 | #8B4726 |
Burlywood1 | Burlywood1 | #FFD39B |
Burlywood2 | Burlywood2 | #EEC591 |
Burlywood3 | Burlywood3 | #CDAA7D |
Burlywood4 | Burlywood4 | #8B7355 |
Wheat1 | Wheat1 | #FFE7BA |
Wheat2 | Wheat2 | #EED8AE |
Wheat3 | Wheat3 | #CDBA96 |
Wheat4 | Wheat4 | #8B7E66 |
Tan1 | Tan1 | #FFA54F |
Tan2 | Tan2 | #EE9A49 |
Tan3 | Tan3 | #CD853F |
Tan4 | Tan4 | #8B5A2B |
Chocolate1 | Chocolate1 | #FF7F24 |
Chocolate2 | Chocolate2 | #EE7621 |
Chocolate3 | Chocolate3 | #CD661D |
Chocolate4 | Chocolate4 | #8B4513 |
Firebrick1 | Firebrick1 | #FF3030 |
Firebrick2 | Firebrick2 | #EE2C2C |
Firebrick3 | Firebrick3 | #CD2626 |
Firebrick4 | Firebrick4 | #8B1A1A |
Brown1 | Brown1 | #FF4040 |
Brown2 | Brown2 | #EE3B3B |
Brown3 | Brown3 | #CD3333 |
Brown4 | Brown4 | #8B2323 |
Salmon1 | Salmon1 | #FF8C69 |
Salmon2 | Salmon2 | #EE8262 |
Salmon3 | Salmon3 | #CD7054 |
Salmon4 | Salmon4 | #8B4C39 |
LightSalmon1 | LightSalmon1 | #FFA07A |
LightSalmon2 | LightSalmon2 | #EE9572 |
LightSalmon3 | LightSalmon3 | #CD8162 |
LightSalmon4 | LightSalmon4 | #8B5742 |
Orange1 | Orange1 | #FFA500 |
Orange2 | Orange2 | #EE9A00 |
Orange3 | Orange3 | #CD8500 |
Orange4 | Orange4 | #8B5A00 |
DarkOrange1 | DarkOrange1 | #FF7F00 |
DarkOrange2 | DarkOrange2 | #EE7600 |
DarkOrange3 | DarkOrange3 | #CD6600 |
DarkOrange4 | DarkOrange4 | #8B4500 |
Coral1 | Coral1 | #FF7256 |
Coral2 | Coral2 | #EE6A50 |
Coral3 | Coral3 |
Метки: html таблица цвета |
Генераторы цветовой палитры. Очень удобные |
Метки: html генератор цвета |
Как сделать текстовую ссылку? |
Как сделать текстовую ссылку?
Как сделать так, чтобы какое-то слово или словосочетание было одновременно и ссылкой на нужный вам сайт?
Это очень просто!
Скопируйте себе вот этот код, при этом удалите все пробелы между его составляющими (скобками, кавычками и прочими знаками), кроме пробела между тегом a href.
Вот как это должно выглядеть:
Теперь туда, где слова "адрес сайта", добавьте собственно адрес вашего сайта, а там, где "текст ссылки" - собственно текст, который может любым по длине.
Метки: html для начинающих |
WINSoft WebEditor 2007, HTML Редактор |
Метки: html редактор |
Как загрузить большой файл и не болтать об этом. Пост будет интересен владельцам сайтов на UCOZ |
Пост будет интересен владельцам сайтов на UCOZ. Остальных, даже не знаю, чем могу еще заинтересовать.
В Каталоге файлов сайтов, работающих в системе UCOZ, ссылки на скачивание бывают двух видов: одни называются «Скачать удаленно», вторые — просто «Скачать». Первые загружаются со сторонних ресурсов. Эта надпись выглядит немного непривлекательно, не каждый хочет скачивать файлы с разных файлообменников.
У меня, вне зависимости от расположения файлов, надпись одинаковая — «Скачать».
Метки: faq полезности html программы |
Вставляем в пост видеоплеер, не загружая файлы |
Предварительно потренироваться можно с музыкальными MP3-плеерами (см. пост «Как сделать простой MP3-плеер в посте»)
В некоторых моих постах присутствуют такие простые видеоплееры:
Самое примечательное то, что ни видео, ни какой-либо другой файл загружать-перегружать-выгружать никуда не нужно. Расскажу «пошагово», как я это делаю, на примере плеера из поста с песней, которая будет представлять Украину — «To be Free». Очень подходящее название, «Быть свободным!» А мне будет очень приятно, если вы научитесь это делать: это совершенно не сложно, и я старался писать максимально подробно.
Метки: faq полезности html программы |
Как сделать простую RSS-ленту для простого сайта |
Пост будет полезен владельцам простых сайтов на статических HTML-страницах (например, на narod.ru). Написан с привычной для меня дотошной подробностью :) Создание RSS отнимет у вас в три раза меньше времени, чем чтение поста. Шутка. В два.
Для тех, кто не знает, что такое RSS, — справка из википедии: «Обычно с помощью RSS 2.0 даётся краткое описание новой информации, появившейся на сайте, и ссылка на её полную версию. Интернет-ресурс в формате RSS называется RSS-каналом, RSS-лентой или RSS-фидом».
Метки: html для начинающих |
Использование якоря на Ли.ру |
Как сказано в Писании, «якорь нужен для веса. Если сайт мало весит, он и пролежит не долго: Интернет — изменчивая штука, того и гляди — унесет куданить. А если есть на страничке якорь — можно не волноваться, на какой адрес положили, там и будет лежать».
Запоминаем: якорем называется метка какого-либо места на html-страничке.
Зачем «метить место на странице»? Например, читали ли вы когда-нибудь книги в Интернете? Такие, которые расположены на одной длинной-предлинной странице?
Вверху страницы под заголовком идет Содержание, каждая строчка которого является ссылкой на соответствующую главу книги. Удобно? Несомненно! Т.е. «якорная» ссылка — это обычная ссылка, но ведет она не просто на определенную html-страницу, а на ее конкретную часть/строку.
Не понятно?
Метки: html для начинающих |
Теги HTML (справочник) |
В конце поста прикреплен архив с электронным справочником по тегам HTML (130 Кб). А пока вступление от автора, А.Климова.
Тег HTML состоит из следующих друг за другом в определенном порядке элементов:
Метки: html для начинающих |
Формула для размещения картинок с кодами (в Excel) |
В предыдущем посте было рассказано, как автоматизировать процесс размещения картинок с HTML-кодами. Обещал сделать формулу в Excel – вот, пожалуйста! :)
Метки: html для начинающих |
Как разместить в посте много картинок с кодами |
Выглядят они примерно так, как эта популярная нынче картинка с работником и колхозницей:
Метки: html для начинающих |
Как сделать скриншот несуществующей веб-страницы |
В посте “Новость: самый унылый говноблог” был представлен скриншот веб-страницы портала ukr.net с несуществующей новостью (см. ниже). На втором скрине (для достоверности) изображена новостийная страница целиком.
Для изготовления этого простого фейка не использовались никакие графические редакторы.
Метки: html для начинающих |
Как вставить flesh-часики в дневник |
Дал ссылку на известный сайт clocklink.com, который раздает коды симпатичных часиков для сайтов и блогов. Популярные блогерши часто тащут часы с этого сайта и публикуют с кодами для вставки.
Оказалось, что не все знают, как их разместить в дневнике: на сайте есть FAQ, но он на буржуинском языке.
Метки: html для начинающих |
Часики для блогов и сайтов |
Большая коллекция бесплатных флеш-часиков: Analog, Animal, Animation, Count Down & Up, Dark, Backgrounds, Digital, Holidays, Logo & Custom, Seasons, Sports, Transparent, Wallpaper...
Метки: html для начинающих |
Доступно только для пользователей (как получить ссылку на скачивание файлов без регистрации) |
Часто можно встретить надпись на разных сайтах "Доступно только для пользователей". Значит. чтобы увидеть ссылку на скачивание файла, необходимо зарегистрироваться. Но иногда (не всегда!) можно легко обойти это и получит ссылки безо всякой регистрации.
Метки: html для начинающих |
Учебник Dreamweaver |
Данный учебник по Dreamweaver содержит, практически, всю информацию, которую только можно найти в поставляемой электронной документации и других информационных ресурсах. Из учебника вы узнаете как создать свой сайт в Dreamweaver, как его разместить на сервере и как обновлять при необходимости.
Информация в учебнике разбита на главы по принципу "от простого к более сложному", поэтому вы можете как выбрать нужный вам раздел, так и прочитать учебник Dreamweaver с самого начала, создав вместе с автором небольшой сайт, на примере которого вы и познакомитесь с этим HTML-редактором.
Метки: html для начинающих |
Web Page Maker 3.0.2 |
Web Page Maker – это очень простой инструмент для создания веб – страниц. С его помощью вы сможете создать свою страничку даже не обладая никакими знаниями HTML.
Просто перетаскивайте мышкой на рабочее пространство программы изображения, текст, музыку и видео. Во время работы вы с лёгкостью можете передвигать объекты по всей странице. Web Page Maker содержит несколько высококачественных шаблонов, которые помогут вам начать работу.
Также вместе с программой поставляются различные эскизы, Java - скрипты, таблицы, формы и т.д. В программу встроен ФТП – загрузчик, с помощью которого вы сможете опубликовать свой сайт в интернете.
Русский интерфейс, 4.44 Mb
Метки: html для начинающих |
Новый типограф |
Метки: html для начинающих |
Дизайнерам на заметку: Генератор цветовых схем |
ColorSchemeDesigner
C помощью данного инструмента подобрать цветовую схему достаточно просто.
Выбираем основной цвет и сайт сам подбирает наиболее гармонирующие цвета.
Метки: html для начинающих |
Toolshell Flesh Clocks |
Англоязычный ресурс с огромным количеством флеш-часиков, фонами и картинками к ним. Все удобно разбито на тематические категории.
Метки: html для начинающих |
Хочу все знать |
Метки: html для начинающих |
Образцы, коды и названия цветов (color) |
Метки: html для начинающих |
Как сохранить сразу много фото с web-страницы |
Для быстрого сохранения большого количества фотографий (фотоподборок) не нужно кликать на каждой из них для сохранения.
--------------------------------------------------------------------------
Пример: мой пост на Ли.ру «Дети. Замбия, 2008»(справа - уменьшенная копия части web-странички с постом, всего 36 фото).
--------------------------------------------------------------------------
Открываем web-страницу с приглянувшимися фотографиями
Метки: html для начинающих |
Автоматическое сохранение текста сообщения на Ли.ру, в ЖЖ и где угодно |
…необходимости во всех этих сложных процедурах не должно возникать. Система должна рассматривать все данные, вводимые пользователем, как бесценные.
И если перефразировать Первый закон робототехники Азимова: «Робот не может причинить вред человеку или своим бездействием допустить, чтобы человеку был причинен вред», то первый закон проектирования интерфейсов должен звучать примерно так: «Компьютер не может причинить вред данным пользователя или своим бездействием допустить, чтобы данным был причинен вред».
Джеф Раскин, «Интерфейс»
Сколько раз я случайно задевал не ту клавишу на клавиатуре/мыши и мой текст уходил к Великому Богу Сетей… Сколько раз я жал «отправить», а добрый сервер Ли.ру сообщал мне: «Server Busy, соси свой нос!»…
Но всё, проблема решена. Решена для Ли.ру, как для текстов, так и для комментариев. Решена наверное и для любого другого сервиса, потому что текстовые поля используются повсюду.
Ставим FireFox, загружаем Textsaver (надо зарегистрироваться на сайте), настраиваем его и живём долго и счастливо.
Важные настройки:
1. Location for the Saved Fields — куда сохранять текстовые файлы с бэкапом текста. Я сделал папку «firefox text backups» внутри «My Documents».
2. Save Period — как часто сохранять текст? В моём случае — каждые 10 секунд.
3. Encoding — кодировка. Удобнее и универсальнее всего UTF-8.
А вот так выглядит сохранённый текст:
Не все обязаны знать технические подробности, поэтому детально рассказываю, как восстановить текст.
1. Отсортируйте файлы по дате, чтобы самые последние были сверху. Так будет легче искать недавние.
2. Найдите тот файл, в котором сохранился ваш текст. Скопируйте текст между «----------------------------».
3. Вверху текстового редактора в Ли.ру есть кнопка «Источник». Аналогичная кнопка есть и у текстовых редакторов на других сервисах. Она может называться на английский манер «Source» или «HTML», а может быть просто картинкой, изображающей документ с текстом.
Кликайте на неё и увидите исходный код вашего текста. Или, если текста нет, ничего не увидите, да и не надо. Просто вставьте скопированный ранее текст в текстовое поле снизу, в котором вы обычно и печатаете. Снова нажмите на кнопку «Источник», и увидите текст с форматированием.
Ну не молодец ли я, что отыскал такую прелесть? :)
Keylogger теперь не нужен, хотя я оставил его пока на всякий случай.
Для Opera и IE я таких плюгинов не знаю, все вопросы — к автору Textsaver.
К сожалению, штука не сохраняет тексты заголовка, тегов и подобных вещей. UPD. Я доработал плагин напильником и теперь он сохраняет всё.
Как установить патченную версию, сохраняющую и заголовки, и теги:
1. Установите обычную версию.
2. Скачайте патченный файл «textsaver.js».
3. Найдите оригинальный файл «textsaver.js». Он прячется где-то в «C:\Documents and Settings\вашеимя\Application Data\Mozilla\Firefox\Profiles\названиепрофиля\extensions\». Проще всего запустить поиск по имени «textsaver.js» в папке «C:\Documents and Settings».
4. Замените этот файл патченным.
5. Перезапустите Firefox.
Примечание: плагин сохраняет заголовки и текст в разные файлы. Не пугайтесь. Видимо это специфика API.
p.s. К вопросу, стоило ли поднимать шум. Люди делятся на две категории: одни катят мир, а другие бегут следом и кричат: «О боже, куда катится мир?». Выбирайте сами, к какой категории вы хотите принадлежать.
Метки: html для начинающих |
Инструкция по использованию фотохостинга |
Не секрет, что блоггеры часто используют бесплатные хостинги фотографий для оформления постов. Не открою большую тайну, что самый популярный - RADIKAL.
Кстати, 12 февраля многие имели возможность наблюдать такую картину: на месте изображений в дневниках и на сайтах видны были лишь пустые рамки. Сервис проводил техработы.
В посте от 18 января я описал, как несложным способом удаления нескольких знаков в html-коде, полученном на сайте радикал.ру, открывать кликам на превью не html-страницу, а только нужное изображение. Благодаря сервису радикал.ру, сделать это можно намного проще и понятнее для неподготовленного человека.
Метки: html для начинающих |
Пароль вместо точек в FireFox |
Иногда бывает такая ситуация, что нужно вспомнить пароль, который вы использовали на сайте и который запомнил ваш Mozilla FireFox.
Вы набираете логин, но вместо пароля (цифр и знаков) видите "подсказанные браузером" черные точки.
Как увидеть указанный когда-то вами пароль?
Метки: html для начинающих |
Тренировка: области-ссылки на изображении |
Облегченный (тренировочный) вариант описанного в предыдущем посте "Создание ссылок на участках изображения: карта (map) ссылок" - на этот раз обойдусь вообще без Photoshop и только одной прямоугольной ссылкой в виде надписи.
Метки: html для начинающих |
Создание ссылок на участках изображения: карта (map) ссылок |
В предыдущем посте "Создание карты (map) для ссылок в Photoshop" я сделал заготовку для размещения на определенных ее участках ссылок на разные web-страницы. Если кликнуть на фигуры с надписями, то откроются соответствующие им странички: профиль, дневник или все посты из раздела "Уроки Photoshop"
Метки: html для начинающих |
Как сделать картинку ссылкой (на Лиру) |
Картинки в посте, комменте или, например, эпиграфе можно сделать ссылками («кликабельными»). То есть, при клике на изображение открывается указанная веб-страница. Это полезно при создании баннеров и в некоторых других случаях.
Для создания ссылки не на всем изображении, а на его части - читайте пост про области-ссылки.
Метки: html для начинающих |
Яндекс-фотки. Вставляем фотографии в пост. |
Метки: faq полезности |
Кладезь для всех начинающих. |
Метки: html для начинающих |
Инструкция по использованию фотохостинга Радикал |
Этот пост – почти точная копия поста от 13 февраля.
Не секрет, что блоггеры часто используют бесплатные хостинги фотографий для оформления постов. Не открою большую тайну, что самый популярный - RADIKAL.
Кстати, 12 февраля многие имели возможность наблюдать такую картину: на месте изображений в дневниках и на сайтах видны были лишь пустые рамки. Сервис проводил техработы.
В посте от 18 января я описал, как несложным способом удаления нескольких знаков в html-коде, полученном на сайте радикал.ру, открывать кликам на превью не html-страницу, а только нужное изображение. Благодаря сервису радикал.ру, сделать это можно намного проще и понятнее для неподготовленного человека.
|
Вот такой замечательный помощник у меня есть! html-ка |
Метки: html для начинающих блоггер |
Html-коды для Ваших постов. |
ВАШ ТЕКСТ
Я
Пишу
как хочу!!!
Серия сообщений "Полезные мелочи":
Часть 1 - Как разместить картинку в эпиграфе по центру
Часть 2 - Делаем бегущую строку не возясь с кодами. Flash генератор бегущей строки.
...
Часть 95 - Шрифт Passions Conflict ROB
Часть 96 - Делаем градиент в Фотошопе сами
Часть 97 - Html-коды для Ваших постов.
Метки: html для начинающих |
NTML-ШПАРГАЛКА |
|
Метки: html для начинающих |
Шпаргалка цветных текстов |
Ваш текст | Ваш текст | ||||
Ваш текст | Ваш текст | ||||
Ваш текст | Ваш текст | ||||
Ваш текст | Ваш текст | ||||
Ваш текст | Ваш текст | ||||
Ваш текст | Ваш текст | ||||
Ваш текст | Ваш текст | ||||
Ваш текст | Ваш текст |
Метки: html для начинающих |
Поля для кодов. Внешний вид и пр. |
Метки: html для начинающих |
HTML словарик |
<a href="другой_документ.html"></a> - ссылка
target=_blank - открывает ссылку в новом окне.
name="anchor1" - имя закладки.
<area> - оперделяет геометрические области внутри карты и ссылки, связанныес каждой областью
shape="rect" (circle, poly) - тип области (прямоугольник, круг, многоугольник)
coords="x1,y1,..." - координаты, количество зависит от типа области
alt="описание" - описание, подсказка
href="document.html" - ссылка
<b> - жирный текст Читать далее
Метки: html для начинающих |
Ссылки и кнопки в HTML. |
Жутко не хотел публиковать этот пост! Рассказывал, объяснял, показывал как не ставить активных ссылок и анимашек-анкоров в комментариях и вот публикую статью об оформлении ссылок. Но при использовании HTML - это очень важный атрибут, так как с помощью него выполняется перелинковка страниц, то есть навигация по веб-документу. Надеюсь, что вы грамотно распорядитесь этими знаниями и не станете их оттачивать в комментариях на АУРЕ!
Серия сообщений "Правила, коды, подсказки":
Часть 1 - Обойма сервисов по работе с цветом.
Часть 2 - По щучьему велению для веб-мастера.
...
Часть 14 - 5 шагов для успешного развития сайта
Часть 15 - Отличный тестер текста онлайн.
Часть 16 - Ссылки и кнопки в HTML.
Метки: ссылки кнопки html |
Изучаем HTML, о котором все забыли. Теги. Оформление постов. Ответы на вопросы. |
Самое популярное сообщение на лиру, которое набрало больше 10 тысяч цитат, посвящено кодам html. Всё в нем хорошо, да вот только объяснений мало. А ведь с сопроводительной информацией объем можно было бы уменьшить, рассказав какие параметры за что отвечают.
Писать про абсолютно все теги, которые можно использовать - бессмысленно: не хватит места, времени и желания. И, главное, мало кому нужно абсолютно всё.
Ну что же, поехали. Пост написан LexIncorp. Цитировать и ссылаться не запрещено.
Не отрицая возможности возникновения вопросов, предлагаю следующее. Благо, нововведения лиру это позволяют.
Вы оставляете вопрос в комментарии, ставите галочку "Опубликовать комментарий и ссылку в моем дневнике", ваш вопрос дублируется у вас в блоге. У меня появляется время, я иду к вам и отвечаю у вас на поставленный вопрос по теме поста.
Для чего это? Чтобы не загромождать комментарии тут и чтобы ответы на ваши вопросы были у вас).
Оглавление
Прячем текст под кат
Начертание текста
Размер шрифта
Цвет текста
Гарнитура шрифта
Цитаты
Списки
Форматирование
Бегущая строка
Вставка изображений
Ссылки, баннеры
Рамки для текста
Форма для кода
Прежде чем начать изучение материала, кое-что поясню. Чтобы зайти с улицы в комнату, сначала надо зайти в квартиру, а потом уже в комнату. Также, чтобы выйти на улицу из комнаты, сначала мы выходим из нее, потом из квартиры.
К чему это я? К тому, что первым делом надо закрывать тот тег, который открыли последним. (исключение составляет тег ката).
И еще: не бойтесь экспереминтировать. Html не может убить ваш компьютер и стереть информацию)
читаем, изучаем, практикуем
Метки: html для начинающих |
Список всех тегов HTML с описанием |
Сегодня я публикую самый полный набор тегов html. Как выяснилось, эта тема востребована моими читателями и многие хотели бы освоить этот язык веб-разметки документов. А учеба, как известно, начинается с букваря. Вот я и решил разместить на своем блоге такой своеобразный букварь с полным набором тегов html и их описанием.
Серия сообщений "Правила, коды, подсказки":
Часть 1 - Обойма сервисов по работе с цветом.
Часть 2 - По щучьему велению для веб-мастера.
...
Часть 16 - Ссылки и кнопки в HTML.
Часть 17 - Список всех тегов HTML с описанием
Часть 18 - Список всех тегов HTML с описанием
Метки: html для начинающих |
Делаем красивую, кликабельную подпись |
Дневник |
|
Метки: HTML подпись |
Страницы: | [2] 1 |