Xtml - Первые шаги

          

Ступенька 24-2 - дополнительная.


Ступенька 24-2 - дополнительная.
Ступенька 24-2 - дополнительная.
Ступенька 24-2 - дополнительная.
Главная / Html / Учебник по Html. Ступенька 24-2 - дополнительная.
 
Ступенька 24-2 - дополнительная.
Ступенька 24-2 - дополнительная.

Учебник по Html для чайников. Таблицы.

Ступенька 24-2 - дополнительная.



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

Первое задание:



Ступенька 24-2 - дополнительная.


Растягиваем ячейку 1х3 на два ряда.



     

<table>

<tr>

<td height="35" bgcolor="#FFCC33"> <center>1x1</center> </td>

<td width="50" bgcolor="#336699"> <center>1x2</center> </td>

<td width="50" bgcolor="#336699" rowspan="2"> <center>1x3</center> </td>

</tr>

<tr>

<td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td>

<td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td>

</tr>

</table>



Второе задание:



Ступенька 24-2 - дополнительная.



     

<table>

<tr>

<td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td>

<td width="50" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td>

</tr>

<tr>

<td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td>

Ступенька 24-2 - дополнительная.
Ступенька 24-2 - дополнительная.
Ступенька 24-2 - дополнительная.

<td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td>

</tr>

</table>



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

<<< Ступенька 24-ая: Назад | Далее: Ступенька 25-ая >>>



Содержание раздела