Уроки HTML: Таблица стандартных HTML цветов

Понедельник, 13 Декабря 2010 г. 19:20 + в цитатник

HTML атрибуты и значения, определяющие цвет

000000	000033	000066	000099	0000cc	0000ff

003300	003333	003366	003399	0033cc	0033ff

006600	006633	006666	006699	0066cc	0066ff

009900	009933	009966	009999	0099cc	0099ff

00cc00	00cc33	00cc66	00cc99	00cccc	00ccff

00ff00	00ff33	00ff66	00ff99	00ffcc	00ffff

330000	330033	330066	330099	3300cc	3300ff

333300	333333	333366	333399	3333cc	3333ff

336600	336633	336666	336699	3366cc	3366ff

339900	339933	339966	339999	3399cc	3399ff

33cc00	33cc33	33cc66	33cc99	33cccc	33ccff

33ff00	33ff33	33ff66	33ff99	33ffcc	33ffff

660000	660033	660066	660099	6600cc	6600ff

663300	663333	663366	663399	6633cc	6633ff

666600	666633	666666	666699	6666cc	6666ff

669900	669933	669966	669999	6699cc	6699ff

66cc00	66cc33	66cc66	66cc99	66cccc	66ccff

66ff00	66ff33	66ff66	66ff99	66ffcc	66ffff

990000	990033	990066	990099	9900cc	9900ff

993300	993333	993366	993399	9933cc	9933ff

996600	996633	996666	996699	9966cc	9966ff

999900	999933	999966	999999	9999cc	9999ff

99cc00	99cc33	99cc66	99cc99	99cccc	99ccff

99ff00	99ff33	99ff66	99ff99	99ffcc	99ffff

cc0000	cc0033	cc0066	cc0099	cc00cc	cc00ff

cc3300	cc3333	cc3366	cc3399	cc33cc	cc33ff

cc6600	cc6633	cc6666	cc6699	cc66cc	cc66ff

cc9900	cc9933	cc9966	cc9999	cc99cc	cc99ff

cccc00	cccc33	cccc66	cccc99	cccccc	ccccff

ccff00	ccff33	ccff66	ccff99	ccffcc	ccffff

ff0000	ff0033	ff0066	ff0099	ff00cc	ff00ff

ff3300	ff3333	ff3366	ff3399	ff33cc	ff33ff

ff6600	ff6633	ff6666	ff6699	ff66cc	ff66ff

ff9900	ff9933	ff9966	ff9999	ff99cc	ff99ff

ffcc00	ffcc33	ffcc66	ffcc99	ffcccc	ffccff

ffff00	ffff33	ffff66	ffff99	ffffcc	ffffff

Как выбрать нужный HTML цвет

Можно использовать любые комбинации цифр (от 0 до 9) и букв (от a до f), чтобы получить нужный цвет. Например, #12ce81, #bbaaff или #5ef4a2. Количество символов значения равно семи → решетка плюс комбинация из шести последующих цифр и букв.

Смешивание произходит в режимиe HEX (шестнадцатеричная система счисления: 0-9 и a-f), что сравнимо с RGB, то есть первые два символа определяют количество красного цвета (Red), вторые два – количество зеленого (Green), третья пара определяют синий (Blue).

HTML цвет | Выбираем нужный цвет по имени

Red	Orange	Yellow	Green	DeepSkyBlue	Blue

Purple	DarkRed	DarkOrange	Gold	DarkGreen	LightSkyBlue

DarkBlue	Indigo	DarkOrchid	Gray	DeepPink	LightGrey

LightGreen	LightPink	Black	White	Lime	WhiteSmoke

MidnightBlue	LemonChiffon	GreenYellow	DimGray	Fuchsia	Coral

Aqua	Aquamarine	BurlyWood	Chocolate	DarkCyan	LimeGreen

Crimson	Beige	BlanchedAlmond	FireBrick	DarkSlateBlue	DarkSlateGray

MediumOrchid	Gainsboro	GoldenRod	Tomato	Wheat	YellowGreen

Violet	AliceBlue	RosyBrown	CornflowerBlue	Khaki	OrangeRed

Синтаксис: color:Red вместо color:#ff0000.

Использование названий цветов для XHTML осуждается консорциумом.

ab-w.net

Рубрики:

Полезное
Уроки HTML

Процитировано 4 раз
Понравилось: 1 пользователю

Комментарии (4)

CSS: Урок 7. CSS курсоры | Как изменить вид курсора

Понедельник, 13 Декабря 2010 г. 17:55 + в цитатник

CSS атрибуты, определяющие курсоры

Наведите курсор мыши на текст внутри ячейки

cursor:crosshair	cursor:pointer	cursor:default
cursor:wait	cursor:progress	cursor:e-resize
cursor:text	cursor:help	cursor:move
cursor:n-resize	cursor:ne-resize	cursor:nw-resize

Пример кода: img {cursor:progress}

ab-w.net

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз

Комментарии (11)

Утренний позитив

Понедельник, 13 Декабря 2010 г. 09:44 + в цитатник

Встретим новый день с улыбкой!

Читать далее...

Рубрики:

Приколы
Капли позитива
Фотографии
Братья наши меньшие

Метки: позитив животные

Процитировано 4 раз

Комментарии (9)

Игры с Луной

Воскресенье, 12 Декабря 2010 г. 20:57 + в цитатник

Вы когда-нибудь играли с Луной? Может быть, ловили ее в сачок или подбрасывали вверх, как волейбольный мячик? Нет? Тогда предлагаем вам посмотреть, как это делают другие.

(Всего 14 фото)

1. На этих фотографиях астронома-любителя, ставшего фотографом, Лорента Лаведера, вы увидите, как люди играют с луной. (Laurent Laveder/Caters News)

Читать далее...

Рубрики:

Фотографии

Метки: луна фотографии

Процитировано 1 раз

Комментарии (9)

Я хотел бы...

Суббота, 11 Декабря 2010 г. 16:04 + в цитатник

Я хотел бы стать солнцем,
Чтобы в холод лучами тебя согревать,
Я хотел бы стать ветром,
Чтобы гладить дыханием нежным,
В море счастья,хотел бы,
Каждый миг твоей жизни, купать,
И ночами ласкать
Поцелуями лунного света!

Читать далее

Рубрики:

Мои стихи
Любовь

Метки: стихи любовь стихи о любви

Понравилось: 1 пользователю

Комментарии (2)

CSS: Урок 6. CSS ссылки | Форматируем ссылки

Пятница, 10 Декабря 2010 г. 16:31 + в цитатник

CSS атрибуты, определяющие CSS ссылки

В CSS ссылки также поддаются форматированию:

см таблицу

Еще пример:

                                  <head>

            <style type="text/css">

            a:link, a:active {

            color:#0000ff;

            font-weight:bold

            }

            a:visited {

            color:#66cc66;

            font-weight:bold

            }

            a:hover {

            color:#ff0000;

            font-weight:bold;

            text-decoration:none

            }

            </style>

                              </head>

            <body>

            <p><a href="#">Ссылка</a></p>

            </body>

Результат: ссылки в CSS

a:link, a:active – псевдоэлементы, которые определяют первоначальный вид ссылки и в момент нажатия (текст синего цвета, полужирный, по умолчанию подчеркнут).

Псевдоэлемент a:visited определяет уже посещенную ссылку (в данном случае текст зеленый, полужирный и подчеркнутый).

Псевдоэлемент a:hover определяет внешний вид ссылки при наведении на нее курсора мыши (текст красный, полужирный, без декораций).

Еще один пример с псевдоэлементом a:hover:

                                  <head>

            <style type="text/css">

            .primer a {

            color:#ff6600

            }

            .primer a:hover {

            color:#6600ff

            }

            </style>

                              </head>

            <body>

            <p class="primer">Текст со <a href="#">ссылкой</a></p>

            </body>

Селектор a соединяет в себе а:link, а:visited, a:active.

Результат: ссылки в CSS

ab-v.net

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 1 раз

Комментарии (9)

Без заголовка

Пятница, 10 Декабря 2010 г. 10:23 + в цитатник

Пусть этот новый день
Принесёт лишь радость,
И жизни круговерть
Будет вам не в тягость!

С пятницей Вас! Хороших выходных!!!

(699x525, 148Kb)

Рубрики:

Мои стихи
Капли позитива

Метки: позитив стихи

Комментарии (6)

CSS: Урок 5. Высота строки или расстояние между строк по вертикали

Четверг, 09 Декабря 2010 г. 15:47 + в цитатник

Определяем расстояние между строк текста по вертикали

Расстояние между строк по вертикали определяется CSS атрибутoм line-height:

line-height:25px line-height:270%

С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.

Высота строки может быть или в пикселях, или в процентах.

ab-w.net

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 2 раз

Комментарии (10)

Кавах Льен ночью

Четверг, 09 Декабря 2010 г. 10:24 + в цитатник

Фотограф Ольвие Грюнвальд недавно несколько раз посетил шахту по добыче серы в кратере вулкана Кавах Льен в Восточной Яве, Индонезия. Он привез с собой необходимое оборудование, чтобы запечатлеть сюрреалистические снимки, освещенные лунным сиянием, факелами и голубым пламенем горящей серы. Шахтеры в кратере сначала поднимаются на 2600 метров, затем спускаются к берегу 200-метрового кратерного озера серной кислоты, где они добывают куски чистой серы и везут их обратно на станцию взвешивания. Представляем вашему вниманию фотографии этих смелых шахтеров, работающих под покровом ночи.

(Всего 30 фото)

1. Шахтер в кратере вулкана Кавах Льен с факелом смотрит на потоки жидкой серы, горящей жутковатым голубым пламенем. (© Olivier Grunewald)

Читать далее...

Рубрики:

Интересное
Фотографии

Метки: кавах льен добыча серы

Процитировано 2 раз
Понравилось: 1 пользователю

Комментарии (10)

Подборка смешных фраз

Среда, 08 Декабря 2010 г. 19:20 + в цитатник

Вот подобрал немного смешных фраз:

Уклонение от похвалы -это просьба повторить.

Мало того, что он ходит налево, жаловалась жена, так он ещё утверждает, что его дело правое!

Дураки умирают по пятницам, а кто же ещё будет умирать тогда, когда впереди два выходных!

Если ты споришь с идиотом, вероятно тоже самое делает и он.

Да, я не подарок! Но и ты - не именинник!!!

Ты мне нравишься - моё дело предупредить!..

В каждом человеке спит гений! У меня он в коме!..

Ну и пофиг, что ветер в голове, зато мысли всегда свежие!!!

Меня постоянно преследуют умные мысли, но я быстрее!!!

Последним смеется тот, кто не догоняет!..

Да тебя даже послать некуда - везде ты уже был...

Можно ли назвать человека дураком, который в анкете, в графе с надписью "НЕ ЗАПОЛНЯТЬ", написал "хорошо"?!?

В прошлом году у меня было раздвоение личности, но в этом году у нас уже все отлично!..

Источник: Интернет

Рубрики:

Приколы
Капли позитива

Метки: смешные фразы афоризмы

Понравилось: 2 пользователям

Комментарии (1)

Уроки HTML - HTML теги и атрибуты, определяющие мета-теги

Среда, 08 Декабря 2010 г. 16:32 + в цитатник

Мета-теги содержат краткую «служебную» информацию о HTML или XHTML документе, зачастую являясь иструкцией к выполнению браузером клиента или роботом поисковой системы тех или иных действий. К примеру, мета-тег <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> определяет тип документа и его кодировку, в данном случае кириллистическую, которая соответствует русскоязычному интернету, другими словами, он содержит структурную информацию о странице, а вот мета-тег <meta name="revisit" content="12" /> является 100% инструкцией, так как устанавливает точное количество дней, по истечению которых, поисковым роботом будет произведена переиндексация страницы да и сайта вцелом.

Мета-теги всегда располагаются внутри секции <head> </head>.

Пример внедрения мета-тегов в HTML документ:

Читать далее...

Рубрики:

Полезное
Уроки HTML

Метки: html уроки html

Процитировано 2 раз

Комментарии (2)

CSS: Урок 4. Горизонтальное выравнивание текста в CSS

Среда, 08 Декабря 2010 г. 16:02 + в цитатник

или как при помощи CSS выровнять текст по правому краю

Примеры горизонтального выравнивания текста

`text-align:left`	`text-align:right`
С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.	С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.
`text-align:justify`	`text-align:center`
С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.	С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.

При значении justify, текст растягивается равномерно по обеим краям.

ab-w.net

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 2 раз

Комментарии (13)

Через Темзу на бумажном корабле

Вторник, 07 Декабря 2010 г. 17:44 + в цитатник

Под удивленные взгляды прохожих художник Френк Больтер (Frank Bölter) сложил из гигантского листа бумаги кораблик, спустил его на воду, взошел на борт и отправился в плавание по реке Темза.

Читать далее...

Рубрики:

Интересное
Фотографии

Метки: темза бумажный корабль

Понравилось: 1 пользователю

Комментарии (5)

Css: Урок 3. CSS текст | Форматируем текст

Понедельник, 06 Декабря 2010 г. 18:04 + в цитатник

CSS текст – форматирование

Атрибут со значением	Полученный результат
`font-family:Tahoma, sans-serif`	CSS текст – форматирование
`font-size:15px`	CSS текст – форматирование
`font-style:italic`	CSS текст – форматирование
`font-variant:small-caps`	CSS текст – форматирование
`font-weight:bold`	CSS текст – форматирование
`letter-spacing:2px`	CSS текст – форматирование
`word-spacing:7px`	CSS текст – форматирование
`color:#cc0033`	CSS текст – форматирование
`text-indent:40px`	CSS текст – форматирование
`text-decoration:underline`	CSS текст – форматирование
`text-decoration:overline`	CSS текст – форматирование
`text-decoration:line-through`	CSS текст – форматирование
`text-transform:capitalize`	CSS текст – форматирование
`text-transform:lowercase`	CSS текст – форматирование
`text-transform:uppercase`	CSS текст – форматирование
`vertical-align:super`	CSS текст – форматирование text
`vertical-align:sub`	CSS текст – форматирование text

Читать далее...

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 9 раз

Комментарии (9)

Зимние забавы животных

Понедельник, 06 Декабря 2010 г. 11:47 + в цитатник

Небольшая подборочка фотографий братьев наших меньших, радующихся (и не очень) снегу и приходу зимы.

(Всего 30 фото)

1. Лев идет по снегу в сафари-парке недалеко от Стирлинга, Шотландия. (Andrew Milligan/PA)

Читать далее...

Рубрики:

Капли позитива
Природа
Фотографии
Братья наши меньшие

Метки: животные зимние забавы

Комментарии (5)

CSS: Урок 2. Шрифт в CSS | Виды и семейства шрифтов

Суббота, 04 Декабря 2010 г. 13:28 + в цитатник

Определяем CSS шрифт с засечками и без засечек

Существует множество видов шрифтов, которые образуют, так называемые, семейства:

Verdana, Geneva, sans-serif
Times New Roman, Times, serif
Courier New, Courier, monospace
Tahoma, Geneva, sans-serif
Arial, Helvetica, sans-serif

Читать далее...

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 2 раз

Комментарии (16)

Снег

Пятница, 03 Декабря 2010 г. 17:06 + в цитатник

Би-2 и Чичерина - Падает снег:

1253396878_496172966_1040252 (240x320, 181 Kb)

Снег… Когда он падает, кажется, что все вокруг затихает, и по всей земле становится тихо-тихо, как будто она живет ожиданием чего-то необыкновенно прекрасного… И душа замирает, словно прикасается к Чуду, прикасается к тихой и чистой Радости, которая, подобно падающему снегу, сходит с молчаливых небес на притихшую землю… на притихшую землю нашего сердца. Что так сильно привлекает сердце, когда оно видит падающий снег? Тонкая и не сравнимая ни с чем, невероятно возвышенная его чистота… чистота обыкновенного Божественного чуда.
Источник: Симеон Афонский Восхождение к небу

Рубрики:

Природа
Музыка

Метки: снег зима

Комментарии (3)

CSS: Урок 1. Внедрение CSS в HTML документ

Пятница, 03 Декабря 2010 г. 15:59 + в цитатник

или три способа подключить CSS самостоятельно

Будем рады познакомиться! – Каскадные таблицы стилей.

CSS разработан с целью манипулирования внешним видом элементов страницы.

Каскадные таблицы стилей не являются независимым инструментом — включаются в HTML тремя способами.

Читать далее...

Рубрики:

Полезное
Уроки CSS

Метки: css уроки css

Процитировано 2 раз

Комментарии (2)

Уроки HTML - Формы в HTML

Пятница, 03 Декабря 2010 г. 11:16 + в цитатник

HTML теги, определяющие HTML формы

HTML формы используются для регистрации посетителей на сайте, для интерактивных опросов и голосований, позволяют отправлять сообщения, совершать покупки и так далее. HTML Форма создается с одной целью: сбор и последующая передача информации на обработку программному сценарию или по электронной почте.

Читать далее...

Рубрики:

Полезное
Уроки HTML

Метки: html уроки html

Процитировано 1 раз

Комментарии (16)

Невероятные 3D картины Мистера Хоу

Четверг, 02 Декабря 2010 г. 10:06 + в цитатник

Мистер Хоу (Mr. Hou) и не подозревал, что станет настоящей знаменитостью, когда выкладывал на одном из китайских форумов фотографии со своими трехмерными меловыми рисунками.

Читать далее

Рубрики:

Интересное
Фотографии

Метки: картины

LiveInternetLiveInternet

-Рубрики

-Приложения

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Статистика

Дневник Net-man

Перейти к полной формеБыстрая запись

Уроки HTML: Таблица стандартных HTML цветов

HTML цвет | Выбираем нужный цвет по имени

CSS: Урок 7. CSS курсоры | Как изменить вид курсора

Утренний позитив

Игры с Луной

Я хотел бы...

CSS: Урок 6. CSS ссылки | Форматируем ссылки

Без заголовка

CSS: Урок 5. Высота строки или расстояние между строк по вертикали

Кавах Льен ночью

Подборка смешных фраз

Уроки HTML - HTML теги и атрибуты, определяющие мета-теги

CSS: Урок 4. Горизонтальное выравнивание текста в CSS

Через Темзу на бумажном корабле

Css: Урок 3. CSS текст | Форматируем текст

Зимние забавы животных

CSS: Урок 2. Шрифт в CSS | Виды и семейства шрифтов

Снег

CSS: Урок 1. Внедрение CSS в HTML документ

Уроки HTML - Формы в HTML

Невероятные 3D картины Мистера Хоу