Работа на дому

Заработок в Интернете без вложений.
Москва
pogoda.ru.net
 
 
 
 
 
 

Полезная информация
Необходимо выставить права 777 на папку 78435758Качественный демонтаж душевых кабинок услуги сантехника.








PR-CY.ru
Оплачиваемая реклама.


Растягивание ячеек в таблицах html.

   Иногда при вёрстке таблиц требуется объединить несколько ячеек по горизонтали или вертикали в одну. Для этого используют атрибуты colspan и rowspan.

сolspan – определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1;
rowspan – определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

Давайте растянем первую строку на две ячейки с помощью атрибута сolspan. Для этого нам нужно в первой строке, для которой мы прописали атрибут colspan="2", убрать один столбец.

<table border="2" bordercolor="#990066" bgcolor="#FF9933">
<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">
строчка 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
строчка 2 столбец1 строчка 2 столбец2
строчка 3 столбец1 строчка 3 столбец2

Теперь, с помощью атрибута rowspan растянем первый столбец на три ряда. Для этого мы прописываем атрибут rowspan="3" для первой строчки, в остальных строчках мы просто убираем все столбцы под цифрой 2:

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




Вид данного кода в html:

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

Для лучшего усвоения материала по заработку в интернете на дому на своём сайте разберём комбинированный пример, где будут находиться оба параметра сolspan и rowspan:

<table border="2" bordercolor="#990066" bgcolor="#FF9933">
<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

Далее мы разберём ещё несколько атрибутов для таблиц html.



Курс валют
http://www.kottages.ru/
Оплачиваемая реклама.

Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката

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