| | | | | | | | | | | | | | | | | | | |
Наши Друзья |
|
|
|
|
|
|
|
|
|
 | [Весь Текст] |
| |  |
|
|
щем теге атрибут align=center для выравнивания таблица
Web-страница изнутри
таблицы по центру или атрибут align=right - для выравнивания по правому краю
окна
браузера. Пункты меню расположены один под другим, а края таблицы и ячеек
не видны. Это связано с тем, что по умолчанию рамка и ячейки таблицы не
показываются.
Чтобы включить их отображение, следует использовать в теге атрибут bor
der, указав в качестве его значения толщину рамки в пикселах.
> Добавьте в тег атрибут border=l, чтобы показать
рамку и ячейки таблицы толщиной 1 пиксел:
Теперь таблица отображается с рельефными границами
(Рис. 1.28).
Размер таблицы обычно устанавливается браузером автоматически
так, чтобы отображалось все ее содержимое. Однако вы
можете установить фиксированную ширину таблицы в пикселах
с помощью атрибута width.
>• Установите для таблицы ширину 140 пикселов, добавив
атрибут width=140 в открывающий тег так, чтобы
он принял вид:
В окне браузера ширина таблицы уменьшится так, что в большинстве
ячеек текст будет отображаться в двух строках (Рис. 1.29).
При использовании для формирования столбцов таблицы тегов
данные в ячейках представляются шрифтом
нормального текста и по умолчанию выравниваются по левому
краю ячеек. Если же требуется выделить данные в ячейках,
например, заголовки столбцов или строк таблицы, то вместо
тегов удобно использовать теги . Текст
в элементах обычно выделяется полужирным начертанием
и выравнивается по центру ячеек.
Наше меню будет выглядеть лучше, если его пункты будут
центрированы в ячейках и выделены полужирным шрифтом.
Поэтому заменим в HTML-коде элементы элементами
.
>• Отредактируйте файл menu.html, заменив теги и
| соответственно тегами и | . Код
HTML должен принять вид, как на Рис. 1.30, а таблица как
на Рис. 1.31.
Главная страница
Чем мы занимаемся?
О нашей компании
Новости
Оборудование
Спец. ПО
Наши партнеры
Прайс-лист
Связь с компанией
Рис. 1.28. Рельефные
границы таблицы
Главная
страница
Чем мы
занимаемся?
О нашей
компании
Новости
Оборудование !
|
 | [Весь Текст] |
| |  |
| |