A háttérkép hozzáadása HTML: 13 lépésben

Kép hozzáadása egy weboldalra, szüksége lesz a HTML-re, és egy weboldal képét, HTML és CSS szükséges. A HTML (Hypertext jelölés nyelv) egy szabványosított dokumentumjelző nyelv, amely jelzi a böngészőt a weblapon. A CSS (Cascading Style Tables) egy olyan dokumentum leírása, amely a weblap megjelenésének és elrendezésének megváltoztatására szolgál. Szükséged lesz egy képre, amelyet weblap háttérként állít be.

Lépések

5. rész:

Mappa és fájl létrehozása

egy. Hozzon létre egy mappát HTML fájl és háttérkép tárolásához. Név Mappa neve, amelyre könnyű megtalálni.

A mappa neve lehet, de jobb, ha egy rövid szóból áll.

2. Másolja a háttérképet a létrehozott mappába.

Ha nem nagyon óvatos, hogyan webhely megnyílik a régi berendezések vagy lassú internetkapcsolattal, használjon nagyobb felbontású kép. Háttérként egy egyszerű ismétlődő mintával ellátott kép alkalmas, mert a szöveg világos lesz rajta.

Ha nincs képe, töltse le ingyenesen az interneten, és másolja a létrehozott mappát.

3. Hozzon létre egy HTML fájlt. Nyisson meg egy szövegszerkesztőt, majd hozzon létre egy új fájlt. Indexként mentse el.Html.

Használhat bármely szövegszerkesztőt, például a Notepad Windows vagy Textedit Mac OS X rendszerben.

Ha szövegszerkesztőt szeretne használni a HTML használatához, Töltse le az Atom szerkesztőt, amely támogatja a Windows, a Macos és a Linuxot.

Ha a HTML-kód megkezdése előtt használja a TEXTITIT-t, nyissa meg a "Formátum" menüt, és válassza a "Konvertálás egyszerű szövegre" lehetőséget. Ebben az esetben a HTML fájl helyesen lesz egy webböngészőben.

Erőteljes szövegszerkesztő, mint például a Microsoft Word nem Kiválóan alkalmas az írás HTML kódot, mert hozzá láthatatlan karakterek és formázás, ami megakadályozza a megfelelő kijelző tartalmát a HTML fájlt a webböngésző.

5. rész:

HTML kód írása

egy. Másolja és illessze be a szabványos HTML kódot. Jelölje ki és másolja az alábbi HTML-kódot, majd helyezze be egy nyitott fájl indexbe.Html.

Lap cím {Background kép: URL (" ") -}

2. URL háttérkép hozzáadása. Az indexfájlban.Html talál egy karakterláncot Háttérkép: URL (" ")-. Tegye a kurzort a zárójelbe, majd adja meg a háttérkép fájl nevét. Ügyeljen arra, hogy megadja a fájl kép kiterjesztését.

Háttérkép: URL ("háttér.jpg")-

Ha egyszerűen adja meg a fájlnevet (az URL-címe vagy az IT elérési útja nélkül), a webböngésző egy képet keres egy mappában egy HTML fájlban. Ha a kép egy másik mappában van, írja be a fájl teljes elérési útját.

Mentse el a HTML fájlt. A kép 2627945 6 1

3. rész 5:

HTML fájl megtekintése

egy. Nyisson meg egy HTML fájlt egy webböngészőben. Kattintson a jobb gombbal az indexfájlra.HTML és nyissa meg a kiválasztott webböngészőben.

Ha a kívánt kép nem nyitott meg a böngészőben, ellenőrizze a fájl nevét a képen helyesen a szövegszerkesztő ablakban.
Ha egy HTML-kód jelenik meg a webböngészőben, és nem a háttérkép, az indexfájl.A HTML-t RTF formátumú dokumentumként mentették. Ebben az esetben szerkesztheti a HTML fájlt egy másik szövegszerkesztőben.

2. Módosítsa a HTML fájlt. A Szövegszerkesztő ablakban helyezze a kurzort a címkék között és írja be a "Szia, világot!". Frissítse az oldalt a böngészőben, hogy a megadott szöveg jelenjen meg a kép hátterében.

5. rész 5:

Hogyan lehet megérteni a HTML kódot

egy. Ne feledje, hogy mi a címkék a HTML és a CSS-ben. A HTML kód a címkék megnyitása és zárása. Például címke megnyílik - zárás. Minden nyitó címkén meg kell adnia a megfelelő zárócímkét a helyesen betöltött weboldalhoz.

2. Ne feledje, hogy DOCTYPE tag. A kiváló minőségű HTML-kódnak meg kell kezdődnie . Ez a címke tájékoztatja a webböngészőt, hogy a HTML fájl HTML fájl.

3. Módosítsa a HTML fájlt. A Szövegszerkesztő ablakban helyezze a kurzort a címkék között és írja be a "Szia, békét!". Frissítse az oldalt a böngészőben, hogy a megadott szöveg jelenjen meg a kép hátterében.

4. Ne feledje, hogy mi a címkék a HTML és a CSS-ben. A HTML kód a címkék megnyitása és zárása. Például címke megnyílik - zárás. Minden nyitó címkén meg kell adnia a megfelelő zárócímkét a helyesen betöltött weboldalhoz.

öt. Emlékezzen címke . A böngészőablak címsorában megjelenő szöveget tartalmaz, valamint a böngésző lapon megjelenő szöveget.

6. Emlékezzen címke A CSS tartalmát jelzi. Minden, ami a címkék között van

7. Emlékezzen címke . A címkék között található szöveg , a megadott módon jelenik meg (ha nem HTML vagy CSS-kód).

nyolc. Módosítsa a HTML fájlt. A Szövegszerkesztő ablakban helyezze a kurzort a címkék között és írja be a "Szia, békét!". Frissítse az oldalt a böngészőben, hogy a megadott szöveg jelenjen meg a kép hátterében.

5. rész 5:

Hogyan kell megérteni a CSS-kódot

egy. Számítsa ki a CSS-kódot. Az indexfájlban.HTML CSS kód található a címkék között

2. CSS kód megtekintése.

Test {Background kép: URL ("háttér.jpg") -}

4. Ne feledje a CSS kódrészeit. A CSS stílusok két részből állnak: választó és bejelentések.

Test

Háttérkép: URL ("háttér.jpg")

A választó lehet bármilyen HTML-címke.

A hirdetések mindig göndör zárójelben vannak, {}.

öt. Ne feledje, mit jelent a CSS bejelentése. A CSS hirdetés két részből áll: tulajdonságok és értékek. Tartalom a göndör zárójelben
háttérkép olyan tulajdonság, mint URL ("háttér.jpg") jelentése.

Az ingatlan leírja a témát (példánkban ez egy háttérminta), és az érték az elem stílusa (példánkban ez egy kép kép).

A tulajdonság és az érték mindig egy kettőspont által elválasztva (:).

A CSS hirdetések mindig végződnek egy pontosvesszővel (-).