От homepage к порталу!
Web-страница изнутри
таблицы по центру или атрибут align=right - для выравнивания по правому краю окна
браузера. Пункты меню расположены один под другим, а края таблицы и ячеек
не видны. Это связано с тем, что по умолчанию рамка и ячейки таблицы не показываются.
Чтобы включить их отображение, следует использовать в теге <table> атрибут bor
der, указав в качестве его значения толщину рамки в пикселах.
> Добавьте в тег <table> атрибут border=l, чтобы показать
рамку и ячейки таблицы толщиной 1 пиксел:
<table border=l>
Теперь таблица отображается с рельефными границами
(Рис. 1.28).
Размер таблицы обычно устанавливается браузером автоматически
так, чтобы отображалось все ее содержимое. Однако вы
можете установить фиксированную ширину таблицы в пикселах
с помощью атрибута width.
>• Установите для таблицы ширину 140 пикселов, добавив
атрибут width=140 в открывающий тег <table> так, чтобы
он принял вид:
<table border=l width=140>
В окне браузера ширина таблицы уменьшится так, что в большинстве
ячеек текст будет отображаться в двух строках (Рис. 1.29).
При использовании для формирования столбцов таблицы тегов
<tdx/td > данные в ячейках представляются шрифтом
нормального текста и по умолчанию выравниваются по левому
краю ячеек. Если же требуется выделить данные в ячейках,
например, заголовки столбцов или строк таблицы, то вместо
тегов <tdx/td> удобно использовать теги <thx/th>. Текст
в элементах <thx/th > обычно выделяется полужирным начертанием
и выравнивается по центру ячеек.
Наше меню будет выглядеть лучше, если его пункты будут
центрированы в ячейках и выделены полужирным шрифтом.
Поэтому заменим в HTML-коде элементы <tdx/td > элементами
<thx/th>.
>• Отредактируйте файл menu.html, заменив теги <td> и
</td> соответственно тегами <th> и </th>. Код
HTML должен принять вид, как на Рис. 1.30, а таблица как
на Рис. 1.31.
Главная страница
Чем мы занимаемся?
О нашей компании
Новости
Оборудование
Спец. ПО
Наши партнеры
Прайс-лист
Связь с компанией
Рис. 1.28. Рельефные
границы таблицы
Главная
страница
Чем мы
занимаемся?
О нашей
компании
Новости
Оборудование !
Спец. ПО
Наши
партнеры
Прайс-лист
Связь с
компанией
Рис. 1.29.
Ширина таблицы
зафиксирована
[...]
Главная
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] [37] [38] [39] [40] [41] [42] [43] [44] [45] [46] [47] [48] [49] [50] [51] [52] [53] [54] [55] [56] [57] [58] [59] [60] [61] [62] [63] [64] [65] [66] [67] [68] [69] [70] [71] [72] [73] [74] [75] [76] [77] [78] [79] [80] [81] [82] [83] [84] [85] [86] [87] [88] [89] [90] [91] [92] [93] [94] [95] [96] [97] [98] [99] [100] [101] [102] [103] [104] [105] [106] [107] [108] [109] [110] [111] [112] [113] [114] [115] [116] [117] [118] [119] [120] [121] [122] [123] [124] [125] [126] [127] [128] [129] [130] [131] [132] [133] [134] [135] [136] [137] [138] [139] [140] [141] [142] [143] [144] [145] [146] [147] [148] [149] [150] [151] [152] [153] [154] [155] [156] [157] [158] [159] [160] [161] [162] [163] [164] [165] [166] [167] [168] [169] [170] [171] [172] [173] [174] [175] [176] [177] [178] [179] [180] [181] [182] [183] [184] [185] [186] [187] [188] [189] [190] [191] [192] [193] [194] [195] [196] [197] [198] [199] [200] [201] [202] [203] [204] [205] [206] [207] [208] [209] [210] [211] [212] [213] [214] [215] [216] [217] [218] [219] [220] [221] [222] [223] [224] [225] [226] [227] [228] [229] [230] [231] [232] [233] [234] [235] [236] [237] [238] [239] [240] [241] [242] [243] [244] [245] [246] [247] [248] [249] [250] [251] [252] [253] [254] [255] [256] [257] [258] [259] [260] [261] [262] [263] [264] [265] [266] [267] [268] [269] [270] [271] [272] [273] [274] [275] [276] [277] [278] [279] [280] [281] [282] [283] [284] [285] [286] [287] [288] [289] [290] [291] [292] [293] [294] [295] [296] [297] [298] [299] [300] [301] [302] [303] [304] [305] [306] [307] [308] [309] [310] [311] [312] [313] [314] [315] [316] [317] [318] [319] [320] [321] [322] [323] [324] [325] [326] [327] [328] [329] [330] [331] [332] [333] [334] [335] [336] [337] [338] [339] [340] [341] [342] [343] [344] [345] [346] [347] [348] [349] [350] [351] [352] [353] [354] [355] [356] [357] [358] [359] [360] [361] [362] [363] [364] [365] [366] [367] [368] [369] [370] [371] [372] [373] [374] [375] [376] [377] [378] [379] [380] [381] [382] [383] [384] [385] [386] [387] [388] [389] [390] [391] [392] [393] [394] [395] [396] [397] [398] [399] [400] [401] [402] [403] [404] [405] [406] [407] [408] [409] [410] [411] [412] [413] [414] [415] [416] [417] [418] [419] [420] [421] [422] [423] [424] [425] [426] [427] [428] [429] [430] [431] [432] [433] [434] [435] [436] [437] [438] [439] [440] [441] [442] [443] [444] [445] [446] [447] [448] [449] [450] [451]