ОписаниеТег <COL> задает ширину и другие атрибуты одной или нескольких колонок таблицы. При наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Тег <COL> можно использовать совместно с тегом <COLGROUP>, который задает группу колонок, обладающих общими параметрами. Синтаксис<table>
<col ...> <tr><td>...</td></tr> </table> Параметры
Закрывающий тегНе требуется. Пример 1. Использование тега <COL>  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример использования тега COL</title> </head> <body> <table width="400" border="0" cellpadding="5" cellspacing="0"> <col width="150" valign="top"> <col width="250" valign="top"> <tr> <td style="background: #D75717"> Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). Тем самым Вы получаете еще одну очень большую аудиторию клиентов, которые могут в любое время суток оперативно получить информацию о Вашей фирме или совершить какую-либо покупку с торговой площадки Вашего Интернет магазина. </td> <td style="background: #CCCCCC"> Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). Тем самым Вы получаете еще одну очень большую аудиторию клиентов, которые могут в любое время суток оперативно получить информацию о Вашей фирме или совершить какую-либо покупку с торговой площадки Вашего Интернет магазина. </td> </tr> </table> </body> </html> Описание параметров тега COLПараметр ALIGN
ОписаниеЗадает выравнивание содержимого колонок по горизонтали. Данный параметр действует на все ячейки в колонке, в том числе и на заголовки таблицы, которые определяются тегом <TH>. Чтобы управлять выравниванием содержимого разных элементов воспользуйтесь стилями или устанавливайте параметр align для отдельных ячеек таблицы. Синтаксис<col align="left | center | right">
Аргументы
Значение по умолчаниюleft Аналог в CSStext-align Пример 2. Выравнивание в колонках <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега COL, параметр align</title> </head> <body> <table border="1"> <col align="left"> <col span="3" width="50" align="center"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> </table> </body> </html> Параметр SPAN
ОписаниеЗадает число колонок, к которым будут применяться заданные параметры. Если этот атрибут отсутствует, то тег <COL> работает для одной колонки. Допускается применять параметр span к нескольким колонкам и То есть формировать группы колонок с одинаковыми характеристиками. Синтаксис<col span="число">
АргументыЦелое положительное значение. Значение по умолчанию1 Пример 3. Использование параметра span <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега COL, параметр span</title> </head> <body> <table width="100%" cellspacing="0" border="1"> <col width="150"> <col span="5" width="50" align="center"> <col span="4" width="75" align="center"> <tr> <td> </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> Параметр VALIGN
ОписаниеЗадает вертикальное выравнивание содержимого колонки. По умолчанию контент ячеек в колонке располагается по центру вертикали. Синтаксис<col valign="baseline | bottom | middle | top">
Аргументы
Значение по умолчаниюmiddle Пример 4. Выраванивание в колонках <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега COL, параметр valign</title> </head> <body> <table width="100%" border="1"> <col width="150"> <col valign="top"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> </table> </body> </html> Параметр WIDTH
ОписаниеЗадает ширину колонки. Если общая ширина содержимого превышает указанную ширину, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в колонке находятся изображения, параметр width будет проигнорирован, и новая ширина колонки будет вычислена на основе ее содержимого. Синтаксис<col width="значение">
АргументыОбычно применяется любое целое значение в пикселах или процентах от доступного пространства. Альтернативный вариант основан на использовании символа *, который обозначает всю доступную ширину. Допустимо использовать кратные значения, например 3*. К примеру, если для таблицы установлена ширина 600 пикселов, а для колонок - 1*, 2*, то в пикселах это будет соответственно 200 и 400. При использовании подобных единиц браузеру требуется загрузить таблицу целиком, чтобы вычислить необходимую ширину ячеек, что приводит к задержке вывода больших таблиц. Значение по умолчаниюШирина вычисляется на основе содержимого ячейки. Аналог в CSSwidth Пример 5. Ширина колонок <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега COL, параметр width</title> </head> <body> <table cellpadding="10" border="1"> <col width="20%"> <col width="80%"> <tr> <td> ... </td> <td> ... </td> </tr> </table> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 321 | Теги: | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |