ТОР 5 статей: Методические подходы к анализу финансового состояния предприятия Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века Характеристика шлифовальных кругов и ее маркировка Служебные части речи. Предлог. Союз. Частицы КАТЕГОРИИ:
|
Выравнивание данных в столбцах таблицыХарактерной проблемой при создании таблиц является задание параметров выравнивания для отдельных строк или столбцов. Для выравнивания содержимого всех ячеек текущей строки достаточно задать требуемые параметры в коде <TR>. Однако чаще необходимо обеспечить одинаковое выравнивание для всех элементов одного столбца, так как в большинстве случаев в столбце располагаются однородные данные. Для этого предусмотрены специальные тэги <COL> и <COLGROUP>, которые должны располагаться сразу же за описанием <TABLE> перед первым появлением тэга <TR>. Параметрами тэгов <COL> и <COLGROUP> могут быть span, определяющий количество смежных колонок, на которые распространяется действие значений параметров, и align, определяющий горизонтальное выравнивание данных во всех ячейках соответствующего столбца (или столбцов). Допустимыми значениями параметра align являются left, right и center. для параметра span значение по умолчанию равно единице. Тэг <COLGROUP> дополнительно позволяет задавать параметр valign, определяющий вертикальное выравнивание данных в ячейках. Допустимыми значениями параметра valign являются middle, top и bottom. Различие между тэгами <COLGROUP> и <COL> заключается в том, что первый из них, помимо задания параметров выравнивания данных для столбцов, выполняет также условное объединение нескольких столбцов в группу. Эффект такого объединения проявляется при использовании параметра rules, который описывается ниже. По умолчанию все столбцы таблицы считаются одной группой. Тэг <COL> должен использоваться только для определения выравнивания данных в отдельных столбцах в группе. Пример использования тэгов <COLGROUP> и <COL> (рис. 1.4.8.): <HTML> <HEAD> <TITLE>Table: headers and axis</TITLE> </HEAD> <BODY> <TABLE border="1" width="400" rules="groups"> <COLGROUP width="130"> <COL width="100%"> <COLGROUP span="3" width="*"> <COL width="*" align="center"> <COL width="*" align="center"> <THEAD> <TR bgcolor="lightblue"> <TH>Город<TH> Население города<TH>Население с пригородами <TBODY> <TR> <TD id="city1">Москва<TD headers="city1 popCity">8 400 000 <TD headers="city1 popWithSub">14 500 000 <TR> <TD id="city2">Санкт-Петербург<TD headers="city2 popCity">4 600.000<TD headers="city2 popWithSub">7 200 000 <TR> <TD id="city3"> Ростов-на-Дону<TD headers="city3 popCity">1 100 000<TD headers="city3 popWithSub">1 900 000 </TABLE> </BODY> </HTML>
Рис. 1.4.8. Результат использования тэгов <COLGROUP> и <COL>
Графика Не нашли, что искали? Воспользуйтесь поиском:
|