Sok új layout, csak eljutni a szíve helyek létrehozása, gyakran csodálkoznak, hogyan html, hogy a háttérkép.És ha néhány közülük kezelni ezt a problémát, még mindig gondjaid során a szakaszon teljes szélességében a kép a monitoron.Ugyanakkor szeretném látni az oldalon megjelenő minden böngésző, így meg kell felelnie a krossbrauzernosti.Beállíthatjuk a háttér kétféleképpen: használatával a HTML címkék és CSS stílusokat.Minden a maga választja ki a legjobb megoldás.Természetesen, CSS stílus sokkal kényelmesebb, mert a kód van tárolva egy külön fájlban, és nem veszi fel hangsugárzó a fő oldalon tag, de először azt egy egyszerű eljárással állítja a háttérképet a helyszínen.
alap HTML tag, hogy megteremtse a háttérben
Szóval, menj arra a kérdésre, hogyan lehet egy háttérképet a html a képernyőn.Annak érdekében, hogy nézel helyszínen, meg kell értened, meglehetősen fontos adat: elég csak, hogy egy gradiens háttér színnel vagy festeni, de ha azt szeretnénk, hogy beillesztjük a képet a háttérben, akkor nem nyúlik teljes szélességében a monitort.A kép eredetileg át kell venni, vagy a saját design ez a kiterjesztés, amelyben meg fogja jeleníteni az oldalt.Csak amikor a háttérképet kész, tegyük azt egy mappát a "képek».Ebben, mi lesz, ahol az összes használt képek, animációk, és más képfájlokat.Ez a mappa legyen a gyökér könyvtárába a fájlt az összes html.Most lehet lépni a kódot.Számos módja van a felvételhez kódot, amellyel a minta fog változni képet.
- írása attribútum tag.
- CSS stílus a HTML kódot.
- írása CSS stílust egy külön fájlban.
Hogyan HTML hogy a háttérképet, neked kell eldöntened, de szeretnék néhány szót arról, milyen lenne a legoptimálisabb.Az első módszer az írás egy tag már régóta elavult.A második lehetőség nagyon ritkán, mert kiderül, hogy sok azonos kódot.A harmadik lehetőség a leggyakoribb és hatékony.Íme a HTML tag példák:
- első elszámolási módszer egy tag (szervezet) a INDEX.HTM.Meg van írva ebben a formában: (test background = "Nazvanie_papki / Nazvanie_kartinki.rasshirenie") (/ test).Azaz, ha van egy kép a nevet «Picture» és kiterjesztése JPG, a mappa neveztünk «képek», majd a rekord HTML-kód így fog kinézni: (test background = "images / Picture.jpg") ... (/ test).
- második módszer magában felvétel CSS stílus, de van írva ugyanaz a fájl nevét index.htm.(test style = "background: url ('../ Kép / Picture.jpg')").
- És a harmadik módszer készüljön a két fájl.A dokumentum neve index.htm tag (fej) van írva egy ilyen sor: (fej) (link rel = "stylesheet" type = "text / css" href = "Put_k CSS_faylu") (/ fő).A stílus fájl neve style.css már levelet: body {background: url (Kép / Picture.jpg ')}.
Hogyan HTML hogy a háttérképet, megbeszéltük.Most kell, hogy kitaláljuk, hogyan lehet húzni a képet teljes szélességében a teljes képernyőt.
módszerek nyúlik a tapéta a szélessége az ablak
elképzelni a képernyőn százalékos formában.Kiderült, hogy a teljes hossza és szélessége a képernyő lesz 100% x 100%.Meg kell húzni a képet szélességet.Add, hogy felvételt készíteni a style.css fájl sor, amely kinyújtja a képet, hogy a teljes szélessége és hossza a monitort.Amint meg van írva a CSS stílus?Ez egyszerű!
szervezet
{
background: url (Kép / Picture.jpg)
háttér-size: 100%;/ * Ez a bejegyzés alkalmas a legtöbb modern böngésző * /
}
Szóval kitaláltam, hogyan lehet, hogy a kép hátterét html a képernyőn.Van egy módszer a felvétel a fájlban index.htm.Bár ez a módszer és az elavult, de a kezdők számára szükséges megismerni és megérteni.A tag (fej) (stílus) div {background-size: terjed;} (/ Style) (/ fej), ez a rekord azt jelenti, hogy kijelöljön egy különleges egység a háttér, amely lesz elhelyezve a teljes szélessége az ablak.Megvizsgáltuk két módon, hogy a helyszínen háttérképet html, kép megnyúlik, a teljes szélessége a képernyő bármelyik modern böngészők.
Hogyan készítsünk egy fix háttér
Ha úgy döntenek, hogy a kép a háttérben a jövőben a webes forrás, akkor csak meg kell tudni, hogyan lehet ez fix, úgy, hogy nem nyúlik a hossza, és nem rontja az esztétikai megjelenést.Egyszerűen használja a HTML kódot regisztrálni egy kis kiegészítés.Be kell style.css fájlt hozzá egy mondatot, miután a background: url (Kép / Picture.jpg ") rögzített;vagy inkább hozzáadott követő pontosvessző külön sorban - összesen: fix.Így a háttérkép lesz rögzítve.Alatt görgetés tartalmi oldalon, látni fogod, hogy a sorok mozog, de a háttérben marad.Szóval megtanultam, hogyan html, hogy a háttérképet, több szempontból is.
dolgozni táblázatok HTML
Sok tapasztalatlan webfejlesztők, szemben a táblázatok és egységek gyakran nem értik, hogyan html, hogy az asztal háttérképét.Mint minden csapat HTML és CSS stílusokat, a nyelvet a webes programozás igen egyszerű.És a megoldás erre a problémára az, hogy írjon egy pár sornyi kódot.Már tudnod kell, hogy az írás egy táblázatot a sorok és oszlopok, illetve, ahogy azt a tag (tr) és (td).Ahhoz, hogy a háttérben a táblázat formájában képek, szükséges hozzá a tag (táblázat), (tr) vagy (TD) egy egyszerű mondatot, utalva a kép: háttér = URL a képet.Az egyértelműség kedvéért, adunk néhány példát.
asztalok kép háttér helyett: HTML példák
Rajzolj egy 2x3 tábla, és azt a háttérképet a mappában tárolt "képek": (asztal háttere = "images / Picture.jpg") (tr) (TD)1 (/ td) (td) 2 (/ td) (TD) 3) (/ td) (/ tr) (tr) (TD) 4 (/ td) (td) 5 (/ td) (TD) 6 (/ td) (/ tr) (/ table).Így a táblázat sorsolunk a háttérben a kép.
Most felhívni azonos talplemezméret 2x3, de be egy képet egy oszlopban száma 1, 4, 5 és 6 (asztal) (tr) (td background = "images / Picture.jpg") 1 (/ td)(td) 2 (/ td) (TD) 3 (/ td) (/ tr) (tr) (td background = "images / Picture.jpg") 4 (/ td) (td background = "images / Picture.jpg") 5 (/ td) (td background =" images / Picture.jpg ") 6 (/ td) (/ tr) (/ table).Miután megnézte láthatjuk, hogy a háttérben megjelenik csak azokban a sejtekben, amelyekben már regisztrált, de nem az egész táblázatot.
Határon böngésző helyszínen
Van olyan dolog, mint a határokon böngésző kompatibilitási webes erőforráshoz.Ez azt jelenti, hogy a lapok a telek lesz ugyanolyan jól látható különböző típusú és változatai böngészők.Meg kell HTML kód és CSS szabni a stílus által megkövetelt böngészők.Sőt, a modern korban az intelligens telefonok, sok webes fejlesztők igyekeznek létrehozni oldalakat, amelyek illeszkednek és egy mobil változata a számítógép és a megjelenés.
