Инструкция
1
Используйте атрибут width тега table для указания ширины таблицы в пикселах. Тег (инструкция языка HTML) table состоит из открывающей (<table>) и закрывающей (</table>) частей, между которыми находятся теги, формирующие строки и ячейки таблицы. В открывающий тег можно поместить дополнительные параметры (атрибуты), список которых для каждого конкретного тега определяется международными стандартами. Для тега table этими стандартами разрешено использование атрибута width, который задает ширину таблицы в пикселах. Выглядеть HTML-код простейшей таблицы с таким тегом, определяющим ширину в 500 пиксел, может, например, так:<table width="500">
<tr><td>1я ячейка</td><td>2я ячейка</td></tr>
</table>
2
Добавляйте символ % к значению атрибута width, если ширину таблицы надо указать в процентах, а не в пикселах:<table width="60%">
<tr><td>1я ячейка</td><td>2я ячейка</td></tr>
</table>Обратите внимание на то, что эти проценты не обязательно будут отсчитываться от ширины окна браузера. Здесь имеет значение структура документа - как вложенная матрешка не может быть шире той, в которую она вложена, так и 100% ширины таблицы не может быть больше ширины родительского элемента. Например, если таблица находится внутри блока div, то за 100% будет приниматься ширина этого блока.
3
Используйте инструкции языка описания стилей, если хотите в одном месте исходного кода задать одинаковую ширину таблицам, размещенным в веб-странице. Для этого сначала поместите в заголовочную часть HTML-кода (между <head> и </head>) открывающий и закрывающий теги, ограничивающие инструкции языка CSS:<style type="text/css">
/* здесь будут CSS-инструкции */
</style>Затем между этими тегами поместите такой CSS-код:table {width: 100px;}Здесь table указывает на то, что помещенное внутрь фигурных скобок описание должно быть применено ко всем тегам table, встречающимся в коде страницы. Ну а параметр width задает ширину. Здесь тоже можно использовать относительную ширину в процентах.
4
Указывайте в CSS-коде и в HTML-теге table имя класса, если задать ширину надо не для всех таблиц, а только для одной или нескольких. Например, пусть класс, отмечающий группу узких таблиц, называется tiny. Тогда описание его стиля может выглядеть так:table.tiny {width: 100px;}А соответствующий тег одной из таблиц в HTML-коде - так:<table class="tiny">
<tr><td>1я ячейка</td><td>2я ячейка</td></tr>
</table>