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

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

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

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

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

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

Базы в пещере

О зеленом чае

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

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

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

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

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

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

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


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

Вложенные таблицы html.

    Роль таблиц в верстке сайта трудно переоценить. При помощи таблиц можно разместить контент в любом удобном месте рабочего пространства браузера. Например, можно создать меню и поместить его в левую часть окна браузера.

Ячейки HTML таблицы позволяют достаточно просто выравнивать любой контент, в них можно разместить текстовые или графические данные в соответствии с дизайном сайта.

    Принцип работы с таблицами достаточно прост и аналогичен подобным действиям в популярных текстовых редакторах, таких как Microsoft Word, OpenOffice Writer и других. В отличие от текстовых редакторов в языке HTML для создания таблиц используются специальные теги, изучив которые можно будет без труда создавать сайты практически любой структуры.

От грамотного использования таблиц может зависеть и заработок в Интернете, ведь посещаемый сайт должен иметь привлекательный дизайн. Таблицы позволяют создать достаточно красивый сайт, удобный и привлекательный для посетителей.

Использование вложенных таблиц даст возможность создавать сложные сайты с различными видами контента размещенными на одной странице.



    Прежде, чем мы приступим к изучению вложенных таблиц, я бы хотел рассказать вам еще о нескольких атрибутах используемых при создании таблиц html.

Для улучшения дизайна таблицы также используются атрибуты cellpadding и cellspacing .

cellpadding - определяет расстояние между рамкой каждой ячейки html таблицы и содержащемся в ней материалом;
cellspacing – регулирует пространство между ячейками html таблицы.

Теперь давайте вставим все вышеперечисленные атрибуты в нашу таблицу:




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





















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

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

   Также в ячейку таблицы можно вставлять не только текстовый документ, но и различные картинки. Это можно сделать с помощью атрибута background:



<table border="2" bordercolor="#990066" 
bgcolor="#FF9933" cellspacing="5" cellpadding="5">
<tr>
<td height="50" width="200" valign="top" 
align="center" bgcolor="#9999FF" 
colspan="2">строчка1 столбец1</td>
</tr>
<tr>
<td height="100" width="200" valign="middle" 
align="left">строчка 2 столбец1</td> 
<td width="150" valign="middle" align="left" 
rowspan="2" bgcolor="#9999FF" background="http://s39.radikal.ru/
i083/1006/ac/a5de26279264.jpg">строчка 2 столбец2</td>
</tr>
<tr>
<td height="50" width="200" valign="bottom" 
align="right">строчка 3 столбец1</td> 
</tr>
</table>
























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

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

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



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





































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

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

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

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



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

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

Рекламный блок
Kursy ?eglarskie mazury там.
рукава пожарные универсал,1 кг в россии
вир-оборудование от Инэковир в Москве 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 г ©.Работа в интернете на дому.
Копирование информации разрешено лишь
с разрешения владельца сайта.