Рекламный блок

Статьи и заметки
Про работу в сети интернет

Найдена гора в несколько раз большая, чем Эверест

В Бразилии закрыто несколько аэропортов

Зона свободной торговли СНГ

Природа загадочного явления определена

Базы в пещере

О зеленом чае

Народный рецепт для роста и укрепления волос

Народный рецепт для роста и укрепления волос

Ученые нашли йети

Как космос повлиял на динозавров

Как космос повлиял на динозавров

Новая болезнь подростков

Астронавты для NASA


Goon Каталог сайтов

Цвета для таблиц html.

    Цвета для таблиц HTML-страниц являются дополнительным элементом оформления страницы сайта. Тут самое главное не переборщить с использованием цветов. Сами цвета должны принадлежать безопасной палитре интернета. Ее можно найти в HTML-справочниках в книгах или в интернете. Вам нужно будет для себя распечатать эту таблицу. Это будет ваша своеобразная “работа на дому” – ваше домашнее задание. Данная таблица еще не раз вам пригодится при цветовом оформлении ваших страниц. Цвета при оформлении таблиц акцентируют внимание пользователя на данные таблицы. Не следует применять слишком яркие или сливающиеся с фоном цвета. Это только отпугнет пользователя.

    Цвета в таблицах можно использовать тремя
способами:


1. Представление цветов в виде 3-х пар 16-ричных цифр, где каждая пара определяет свой цвет: первая пара – красный, вторая – зеленый, третья – синий.
2. Представление цветов в виде ключевых слов. К примеру, lightcyan, blue, gray и многие другие.
3. Представление цветов в виде з-х групп цифр rgb-палитры, числами от 0 до 255. Каждая группа обозначает количество красного, синего и зеленого цветов в нужном цвете. Например, серый обозначается как 190 190 190.



    Цвет можно задавать как для таблицы html в целом, так и прописывать для каждой ячейки в отдельности. Цвет задаётся с помощью атрибута bgcolor. Вставим этот атрибут в нашу таблицу и пропишем в начале цвета для каждой ячейки html:



<table border="2" bordercolor="#990066">
<tr>
<td height="50" width="200" valign="top" 
align="center" bgcolor="#FF9933">строчка1 столбец1</td>
<td width="150" valign="bottom" bgcolor="#9999FF">
<center>строчка1 столбец2</center></td>
</tr>
<tr>
<td height="100" width="200" valign="middle" 
align="left" bgcolor="#9999FF">строчка 2 столбец1</td>
<td width="150"  valign="middle" 
align="left" bgcolor="#FF9933">строчка 2 столбец2</td>
</tr>
<tr>
<td height="50" width="200" valign="bottom" 
align="right" bgcolor="#FF9933">строчка 3 столбец1</td>
<td width="150" valign="top" 
align="right" bgcolor="#9999FF">строчка 3 столбец2</td> 
</tr>
</table>























   Вид таблицы в html:

строчка1 столбец1 строчка1 столбец2
строчка2 столбец1 строчка2 столбец2
строчка3 столбец1 строчка3 столбец2

   Теперь пропишем цвета для ряда таблицы html. В этом случае атрибут bgcolor мы прописываем для тэга <tr>:




<table border="2" bordercolor="#990066">
<tr bgcolor="#FF9933">
<td height="50" width="200" valign="top" 
align="center">строчка1 столбец1</td>
<td width="150" valign="bottom">
<center>строчка1 столбец2</center></td>
</tr>
<tr bgcolor="#9999FF">
<td height="100" width="200" valign="middle" 
align="left">строчка 2 столбец1</td>
<td width="150"  valign="middle" 
align="left">строчка 2 столбец2</td>
</tr>
<tr bgcolor="#FF9933">
<td height="50" width="200" valign="bottom" 
align="right">строчка 3 столбец1</td>
<td width="150" valign="top" 
align="right">строчка 3 столбец2</td> 
</tr>
</table>























   Вид таблицы в HTML:

строчка1 столбец1 строчка1 столбец2
строчка2 столбец1 строчка2 столбец2
строчка3 столбец1 строчка3 столбец2

   Ну и, наконец, пропишем цвет для всей таблицы. Прописываем атрибут bgcolor для тэга <table>. Причём, если Вы зададите для ряда или ячейки другой цвет, то они будут заданного Вами цвета и отличного от цвета таблицы:



<table border="2" bordercolor="#990066" bgcolor="#FF9933">
<tr>
<td height="50" width="200" valign="top" 
align="center" bgcolor="#9999FF">строчка1 столбец1</td>
<td width="150" valign="bottom">
<center>строчка1 столбец2</center></td>
</tr>
<tr>
<td height="100" width="200" valign="middle" 
align="left">строчка 2 столбец1</td>
<td width="150"  valign="middle" 
align="left">строчка 2 столбец2</td>
</tr>
<tr>
<td height="50" width="200" valign="bottom" 
align="right">строчка 3 столбец1</td>
<td width="150" valign="top" 
align="right">строчка 3 столбец2</td> 
</tr>
</table>























   Вид таблицы в HTML:

строчка1 столбец1 строчка1 столбец2
строчка2 столбец1 строчка2 столбец2
строчка3 столбец1 строчка3 столбец2

   На следующей странице мы с Вами познакомимся с атрибутами colspan и rowspan и узнаем для чего они нужны.

2017-12-15 22:38:24 - Не могу записать данные в файл: /var/www/cleopa/data/www/natali-myseok.com/nahapetasikalin/cache_natali-myseok_com_b3.txt
2017-12-15 22:38:24 - Не могу записать данные в файл: /var/www/cleopa/data/www/natali-myseok.com/nahapetasikalin/cache_natali-myseok_com_b3.txt



Размышления наших посетителей на заданную тему.

Что такое блог?
Что ожидает Российский интернет в будущем!
Резиновый и фиксированный дизайны сайта.
Баннерная реклама.
Интернет-маркетинг и планы по продвижению сайта.
Как начать зарабатывать в Интернете?
Как организовать свой бизнес.

Рекламный блок
Error: Cache dir: Permission denied!
Error: Can't open cache file!
Error: Can't write cache!
Error: Can't open cache file!
Error: Can't write cache!
Необходимо выставить права 777 на папку 78435758

Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Сайт создан в 2010 г ©.Работа в интернете на дому.
Копирование информации разрешено лишь
с разрешения владельца сайта.