Первые_шаги_20
Colspan - определяет количество столбцов, на которые простирается данная ячейка, а rowspan - количество рядов (эти параметры могут принимать значение от 2 и больше, т.е. наша ячейка может растягиваться на два и более столбца (ряда)).
<table> <tr> <td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td> <td width="50" bgcolor="#336699"> <center>1x2</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> <td width="50" bgcolor="#336699"> <center>2x3</center> </td> </tr> </table>
1x1 |
1x2 |
|
2x1 |
2x2 |
2x3 |
Первые_шаги_21
Можно увеличить пространство между ячейками, допустим пусть cellspacing=5
<table cellpadding=5> <tr> <td height="35" bgcolor="#FFCC33" colspan="2" valign="top"> <center>1x1</center> </td> <td width="50" bgcolor="#336699" rowspan="2" valign="top"> <center>1x2</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699" valign="bottom"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33" valign="bottom"> <center>2x2</center> </td> </tr> </table>
1x1 |
1x2
|
|
2x1 |
2x2 |
|
Первые_шаги_22
<table> <tr> <td width="200" valign="top" background="blue.gif" align="center">С каждым днем в интернете появляется все больше бяк и бук. Это особенные существа, роль которых в развитии современного общества не понятна, но тем не менее само их присутсвие заметно. Буки и бяки требуют особого обращения к себе, если обращаться к ним как к нормальным человеческим особям, то вы поняты не будете.</td> <td width="10" background="white.gif"> </td> <td width="200" valign="top" background="blue.gif" align="center">Вот таблица, которая показывает сколько бук, бяк и других обитает в интернете: <br><br> <table cellspacing="3"> <tr> <td width="50" background="white.gif">буки</td><td background="white.gif">65% населения</td> </tr> <tr> <td width="50" background="white.gif">бяки</td><td background="white.gif">20% населения</td> </tr> <tr> <td width="50" background="white.gif">др.</td><td background="white.gif">15% населения</td> </tr> </table> <br><br> За сим все</td> </tr> </table>
Первые_шаги_23
<table border="3" bordercolor="#000000">
Зададим рамку равную 3 пикселям
<table border="3" bordercolor="#ff3833">
<tr>
<td>
<table border="3" bordercolor="#ff3833">
<tr>
<td><table border="3" bordercolor="#ff3833">
<tr>
<td>     </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
Первые_шаги_24
Тег <Frameset></frameset> - Этот тег теперь не поддерживаются в HTML 5
Фреймы позволяют нам открыть в окне броузера - не один, а сразу несколько документов (допустим, документ menu.html, который содержит меню, logo.html - документ, который содержит логотип, шапку страницы, и content.html - документ с непосредственным содержанием нашего сайта).
<html> <head> <title>Хождение по фреймам</title> <frameset></frameset> </head> </html>
Первые_шаги_25
<html> <head> <title>Хождение по фреймам</title> <frameset rows="100,150,*"> <frame src="logo.html"> <frame src="menu.html"> <frame src="content.html"> </frameset> </head> </html>
параметр rows - в нашем примере это выглядит так: rows="100,150,*" - а если перевести, то мы получим следующее - "... наш документ делиться на несколько рядов (строк). Высота первого ряда - 100 пикселов, второй - 150, а третьего занимает все оставшееся пространство
Первые_шаги_26
Параметр cols делит окно нашего броузера не на ряды, а на колонки.
Кстати, ширина и высота могут задаваться не только в пикселях, но и в процентах от общей ширины (высоты) окна:
<frameset cols="10%,15%,75%">
Помните, что в сумме это все должно равняться 100%
Первые_шаги_27
<html> <head> <title>Хождение по фреймам</title> <frameset cols="100,*"> <frameset rows="100,*"> <frame src="logo.html"> <frame src="menu.html"> </frameset> <frame src="content.html"> </frameset> </head> </html>
С помощью параметра cols тэга <frameset></frameset> мы делим второй ряд на две колонки (первая шириной 150 пикселов, вторая по ширине занимает все оставшееся пространство). А тэги <frame>, которые содержит <frameset></frameset> определяют какие документы будут показаны в колонках (menu.html и content.html).
Первые_шаги_28
<html> <head> <title>Хождение по фреймам</title> <frameset cols="100,*" border="0"> <frameset rows="100,*"> <frame src="logo.html" scrolling="no" marginwidth="0" marginheight="0"> <frame src="menu.html"> </frameset> <frame src="content.html"> </frameset> </head> </html>
Marginheight определяет ширину (в пикселах) верхнего и нижнего полей фрэйма, а marginwidth определяет ширину левого и правого полей фрэйма. В нашем примере мы избавились от полей во фрейме, содержащим logo.html, задав значение marginheight и marginwidth равное нулю
Scrolling - параметр тэга <frame>. Он может принимать несколько значений: no - это значит совсем не будет полосы прокрутки, ни при каких обстоятельствах; yes - это значит полоса прокрутки будет всегда; auto - полоса прокрутки появиться только тогда, когда она нужна.