От homepage к порталу!
Графика для Web-страниц 87
>• В файле geoton.html, открытом в программе Блокнот (Notepad), удалите HTMLэлемент
<img src="http://geoton.narod.ru/BG.JPG">.
>• Добавьте в конец открывающего тега <body> атрибут background=BG.JPG так, чтобы
тег <body> принял следующий вид:
<body bgcolor=blue text=yellow link=white vlink=yellow alink=red
background=BG.JPG>
i
После такого редактирования код HTML в файле geoton.html должен принять вид как на
Рис. 3.9. В окне браузера вы увидите, что теперь фон этой страницы не однотонный синий,
как прежде, а изображение из загруженной нами фотографии, записанной в файле
BG.JPG. И на этом новом фоне отображается текст документа и рисунок CLOUD.GIF
(Рис. 3.10). Однако напомним, что мы не удалили атрибут bgcolor в теге <body>. В таких
случаях, когда в теге <body> указываются оба атрибута - bgcolor и background браузер
обычно отдает предпочтение атрибуту background, но, если изображение фона
загрузить невозможно, используется атрибут bgcolor.
файл Правка формат Вид Справка
<html>
:head>
tit1e>K0MnaHHfl rE0T0H</t1tle>
</head>
<body bgcolor-blue text-yellow link-white vlink-yellow al1nk-red
Dackground^BG.JPG>
;hl align^centers-добро пожаловать на страничку компании ГЕОТОН!</П1>
<centerxa href-"sp1sok. htmTV<1mg src-CLOUD.GIF alt-" область нашей
деятельности" border-1 w1dth=-lO2 he1ght>=10></a></center>
<p style-'Tont-weight: bold; font-style: Italic; font-size: 150&;
text-align: center >здесь вы узнаете <а href-"spisok.html">o нашей
деятельности</а>, о программных'продуктах нашей компании об оборудовании,
(оторое мы npoH3BOAHM</px/body>
/html>
Рис. 3.9. Файл geoton.html после указания фонового рисунка
>Bnck '«'88Д 1 Qsenrch SlFnvofilea 3Hi8loiy
Добро пож^ГЦцаТь на страничку
компШшрГЕОТОН!
Здесь Вы д Пашей деятельности, о
программы с нашей компании и об
оборуд мы производим
| Щ My Computer
Рис. 3.10. Фон ввиде рисунка
[...]
Главная
[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]