мета-данные страницы
  •  
Загрузка не удалась. Возможно, проблемы с правами доступа?

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия		Предыдущая версия
html:tags:table [17/04/2010 11:05] – dnaumovhtml:tags:table [17/04/2010 11:35] (текущий) – dnaumov
Строка 3: Строка 3:
 ==== Описание ==== ==== Описание ====
  
-Элемент <TABLE> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <TR> и <TD>. Внутри <TABLE> допустимо использовать следующие элементы: <CAPTION>, <COL>, <COLGROUP>, <TBODY>, <TD>, <TFOOT>, <TH>, <THEAD> и <TR>.+Элемент <TABLE> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов [[tr|<TR>]] и [[td|<TD>]]. Внутри <TABLE> допустимо использовать следующие элементы: [[caption|<CAPTION>]], [[col|<COL>]], [[colgroup|<COLGROUP>]], [[tbody|<TBODY>]], [[td|<TD>]], [[tfoot|<TFOOT>]], [[th|<TH>]], [[thead|<THEAD>]] и [[tr|<TR>]].
  
 Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев. Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев.
Строка 118: Строка 118:
 </html> </html>
 </code> </code>
 +
  
 ==== Параметр BACKGROUND ==== ==== Параметр BACKGROUND ====
Строка 162: Строка 163:
 </html> </html>
 </code> </code>
 +
  
 ==== Параметр BGCOLOR ==== ==== Параметр BGCOLOR ====
Строка 258: Строка 260:
 </html> </html>
 </code> </code>
 +
 +<box 100% round white>
 +** Результат **
 +<HTML>
 + <head>
 +  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +  <title>Тег TABLE, параметр border</title>
 + </head>
 + <body>
 +
 +  <table cellspacing="2" border="1" cellpadding="5" width="600">
 +   <tr>
 +    <td> ... </td>
 +   </tr>
 +  </table> 
 +
 + </body>
 +</HTML>
 +
 +</box>
 +
  
 ==== Параметр BORDERCOLOR ==== ==== Параметр BORDERCOLOR ====
Строка 301: Строка 324:
 </html> </html>
 </code> </code>
 +
 +<box 100% round white>
 +** Результат **
 +
 +<HTML>
 + <head>
 +  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +  <title>Тег TABLE, параметр bordercolor</title>
 + </head>
 + <body>
 +
 +  <table bordercolor="red" border="2" width="100%">
 +   <tr>
 +    <td> ... </td>
 +   </tr> 
 +  </table> 
 +
 + </body>
 +</HTML>
 +</box>
  
 ==== Параметр CELLPADDING ==== ==== Параметр CELLPADDING ====
Строка 340: Строка 383:
 </html> </html>
 </code> </code>
 +
 +<box 100% round white>
 +** Результат **
 +
 +<HTML>
 + <head>
 +  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +  <title>Тег TABLE, параметр cellpadding</title>
 + </head>
 + <body>
 +
 +  <table cellpadding="7" border="2" width="100%">
 +   <tr>
 +    <td> ... </td>
 +   </tr> 
 +  </table> 
 +
 + </body>
 +</HTML>
 +</box>
  
 ==== Параметр CELLSPACING ==== ==== Параметр CELLSPACING ====
Строка 380: Строка 443:
 </html> </html>
 </code> </code>
 +
 +<box 100% round white>
 +** Результат **
 +
 +<HTML>
 + <head>
 +  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +  <title>Тег TABLE, параметр cellspacing</title>
 + </head>
 + <body>
 +
 +  <table cellspacing="5" cellpadding="10" border="1" width="100%">
 +   <tr>
 +    <td> ... </td>
 +    <td> ... </td>
 +   </tr> 
 +  </table> 
 +
 + </body>
 +</HTML>
 +</box>
 +
  
 ==== Параметр COLS ==== ==== Параметр COLS ====
Строка 410: Строка 495:
  <body>  <body>
  
-  <table width="700" cellspacing="0" border="1" cols="10">+  <table width="600" cellspacing="0" border="1" cols="10">
    <tr>     <tr> 
     <td>&nbsp;</td>     <td>&nbsp;</td>
Строка 434: Строка 519:
 </html> </html>
 </code> </code>
 +
 +<box 100% round white>
 +** Результат **
 +
 +<HTML>
 + <head>
 +  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +  <title>Тег TABLE, параметр cols</title>
 + </head>
 + <body>
 +
 +  <table width="600" cellspacing="0" border="1" cols="10">
 +   <tr> 
 +    <td>&nbsp;</td>
 +    <td>1995</td><td>1996</td><td>1997</td><td>1998</td>
 +    <td>1999</td><td>2000</td><td>2001</td><td>2002</td>
 +    <td>2003</td>
 +   </tr>
 +   <tr> 
 +    <td>Нефть</td><td>5</td><td>7</td><td>2</td><td>8</td>
 +    <td>3</td><td>34</td><td>62</td><td>74</td><td>57</td>
 +   </tr>
 +   <tr>
 +    <td>Золото</td><td>3</td> <td>6</td><td>4</td><td>6</td>
 +    <td>4</td><td>69</td><td>72</td><td>56</td><td>47</td>
 +   </tr>
 +   <tr>
 +    <td>Дерево</td><td>5</td><td>8</td><td>3</td><td>4</td>
 +    <td>7</td><td>73</td><td>79</td><td>34</td><td>86</td>
 +   </tr>
 +  </table>
 +
 + </body>
 +</HTML>
 +
 +</box>
  
 ==== Параметр FRAME ==== ==== Параметр FRAME ====
Строка 507: Строка 628:
 </html> </html>
 </code> </code>
 +
 +<box 100% round white>
 +** Результат **
 +
 +<HTML>
 + <head>
 +  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 +  <title>Тег TABLE, параметр height</title>
 + </head>
 + <body>
 +
 +   <table cellpadding="10" bgcolor="#ffcc00" align="center" 
 +    width="50%" height="50%">
 +    <tr>
 +     <td> ... </td>
 +    </tr> 
 +   </table> 
 +
 + </body>
 +</HTML>
 +
 +</box>
  
 ==== Параметр RULES ==== ==== Параметр RULES ====
Строка 557: Строка 700:
 </html> </html>
 </code> </code>
 +
 +
 +<box 100% round white>
 +** Результат **
 +
 +<HTML>
 + <head>
 +  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +  <title>Тег TABLE, параметр rules</title>
 + </head>
 + <body>
 +
 +  <table cellspacing="0" cellpadding="10" rules="rows" 
 +    border="1"  width="80%">
 +   <tr>
 +    <td> ... </td>
 +    <td> ... </td>
 +    <td> ... </td>
 +   </tr> 
 +  </table> 
 +
 + </body>
 +</HTML>
 +
 +</box>
 +
  
 ==== Параметр WIDTH ==== ==== Параметр WIDTH ====
Строка 600: Строка 769:
 </html> </html>
 </code> </code>
 +
 +<box 100% round white>
 +** Результат **
 +
 +<HTML>
 + <head>
 +  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +  <title>Тег TABLE, параметр width</title>
 + </head>
 + <body>
 +
 +   <table cellpadding="10" border="1" width="80%">
 +    <tr>
 +     <td> ... </td>
 +    </tr> 
 +   </table> 
 +
 + </body>
 +</HTML>
 +
 +</box>