Hogyan grafikai háttér az interneten (html) oldalak és egyéb létesítmények - Layout html

Megtanítjuk, hogyan hozhatja létre az első WEB oldal

Other.html helyezze be a fájlt a háttérben WEB oldal vázlat winner.jpg, amelyet már tartott WEB mappát múlt tapasztalatai.

Add, hogy a végén a nyitó címke stílus background-image: url ( 'winner.jpg'); úgy, hogy a címke Követhető módon:

A böngésző ablak, látni fogja, hogy most a háttérben ez az oldal nem fekete-fehér, kék, mint korábban, és a kép a betöltött képek azt rögzíteni winner.jpg fájlt. Mindezek alapján úgy tűnik, egy vadonatúj szöveges dokumentumot és vázlat image.gif. De emlékszem, hogy nem húzza ki a bgcolor attribútum a tag . Ezekben az esetekben, amikor a tag meghatározza mindkét jelző - bgcolor és a háttér - a böngésző általában előnyben attribútum háttér Használt, de ha a háttérkép letöltés irreális, használt bgcolor attribútum.

Háttér a weboldalon keresztül CSS

Meghatározásának másik módszere a háttérben - a nyelv használatának a lépcsőzetes stílusok CSS. Mint látható, ebben a pillanatban, ez a módszer biztosítja a fejlesztő WEB oldal sokkal nagyobb háttérképet képességeit. Így könnyebb volt megismerkedni velük, helyezzen be egy rajzot winner.jpg háttérképet a második WEB lapja honlapunkon list.html egy fájlban tárolják, nyelvét használva Cascading Style Sheets.

Azt már megállapítottuk, a megjelenése a szöveg az első weboldal segítségével Cascading Style Sheets nyelv, meghatározva a stílus, mint az érték a stílus attribútum a tag <р>. De van egy másik, sokkal kívánatosabb opció stílus definíciókat, ahol a leírás a stílus lap belsejében elhelyezett dokumentum fejlécében WEB ... a nyitó tag kell nyomon formában:

Be ezt a címkét a HTML kódot list.html fájlt.

Helyezze be az üres sort a fájl eleme után list.html és adja címkék , a fentiek szerint. HTML kódot header weboldalakat, zárt címkék között ..., Köteles vagyok, hogy ilyen nézetek:

és adja meg a jelzett kód, amely meghatározza a stílus elem testet.

HTML elem meg kell nézni ezt követő módon:

List.html Mentsd el a fájlt, és nyissa meg a böngészőt. Látni fogja, hogy a korábban beállított színes háttér helyébe a képét winner.jpg fájlt, és a szöveges tartalom a dokumentum megjelenik ma az új háttér.

Ha a szöveg nehéz észrevenni az új háttér, változtatni a színét a tulajdonság címke szövegét , így például, .

Dugja be a megjelölt ingatlan a HTML kódot egy fájl list.html, hogy az elemek Követhető módon:

A szaporodási háttérben a WEB (html) oldal

Most a böngésző háttér vázlat mindössze a legnagyobb része a dokumentumnak. Az alsó és lehet jobb oldalán, abban az esetben a nagy felbontású monitor, tele natúr háttér, amit a korábban meghatározott.

Az ingatlan background-repeat is jelentése a következő:

ismétlem - háttér megismételjük mind vízszintesen, mind függőlegesen, Ez az alapértelmezett beállítás;

repeat-x - háttér ismétlődik csak vízszintesen;

repeat-y - háttérkép függőlegesen ismétlődik csak.

Helyezze a háttérképet egy oldalon meg lehet változtatni a jellegzetes background-position. Mivel az értékek a jellemzők a megadott kulcsszavak helyzetét jellemző kép a függőleges - felső (top), center (középen), alsó (elutasítva) - és vízszintesen - bal (balra), center (középen), jobbra (jobbra). Az első feltünteti a függőleges helyzetbe. Például, a kód background-position: center center összehangolja a körvonal közepén oldalt vízszintesen, valamint függőlegesen.

Add a paramétereinek leírása a test elem fájl list.html ingatlan background-position: center center. elem Ezt a fájlt kell tenniük a következő űrlapot:

Hogyan készítsünk egy vázlatot a háttérben a weboldalon

Háttér vázlat kerül a oldal közepén, ugyanabban az alsó és a felső része az oldal, és a jobb és bal oldalán a monitor felbontása 1024 x 768 feletti, tele lesz egy egyszínű.

Akkor, de a kép elkészítéséhez, így amikor lapozunk a lapok mozdulatlanul háttér, és a szöveg képest mozgatjuk a háttérképet. Erre a célra a body elem, a background-attachment tulajdonság egy rögzített érték: background-attachment: fixed.

Dugja be a megjelölt ingatlan leírása a test eleme a stílus. elem HTML list.html fájl kódot kell tenniük követhető módon:

Most látni fogja, hogy mikor lépjünk oldal háttérképet mozdulatlan marad, és a szöveg és más elemek a weboldal költözött a háttérben.

Látod, bevezetése a nyelvét Cascading Style Sheets számára több lehetőséget biztosít a bemutatása a háttérképet a weboldalon, mint a használata háttér attribútum a tag .

További információ

Leírását, hogyan kell beszúrni a saját első link szövege az interneten (html) oldal

Teljes és részletes leírása grafikai formátumokat használják az internetet, és hogy ajánlott bizonyos esetekben, hogy egy

Leírása, hogy milyen könnyen és helyesen tette értéklisták az interneten (html) oldalak