Hogyan készítsünk egy HTML oldal adaptív
Hogyan készítsünk weboldalt a HTML képpel
kezdőknek
Érdekli a kérdés: “Hogyan Készítsen html oldalt?”, Megnézem ezt a cikket, akkor Készítsen html oldalt Egyedül, nagy erőfeszítések nélkül.
HTML (Hypertext Markup nyelvi nyelve a hipertext) nem programozási nyelv, amelyet a szöveges dokumentumok megjelölésére terveztek (T.E. Ezzel a böngészőre mutatunk, ahol a szöveg, a kép, az asztal és a t.Ns. ).
A képek, szövegek és egyéb elemek az oldalán megjelennek, és hogyan kerülnek egymáshoz képest, definiálják a címkéket (címkéket).
A címkék segítségével az oldalad (fájl) kommunikál a böngészővel, azaz azt mondja, hogy azt mondja, hogy van egy szöveg egy bizonyos betűtípus, méret, színek és t.D. És a böngésző bekapcsolja ezt a szöveget az ablakon, kizárólag az oldal létrehozásakor megadott módon.
Most tovább fogunk lépni a feladatunk gyakorlati megvalósításához “Hogyan Készítsen html oldalt?”.Ehhez bármilyen szövegszerkesztőre van szükségünk. Azt tanácsolom, hogy notepad++. Vagy használhatja a standard jegyzettömb, csak legyen óvatos, ha menteni a fájlt, lehet róla, hogy megőrizze a HTML kiterjesztése. Nevezze meg a latin betűkkel való regisztrációt.
Ez így fog kinézni:
Hab
És így nyissa meg a szerkesztőnket, és írja be a következő kódot:
|
Html |
A létrehozott szöveget mentjük.
A létrehozott HTML oldal bármely böngészőben történő megtekintéséhez csak a Hab ikonra kell kattintania.
Helyezzen be egy képet a HTML oldalon
A kép beillesztése a HTML oldalon, készen kell állnia arra, hogy felkészüljön.
Válassza ki a kívánt képet, szerkesztheti azt a Word Dokumentumban (egyszerű opció) vagy a Photoshop programban.
Mentés egy képet JPEG formátumban, a mappánkban HTML oldalak létrehozásához.
Példa:
Mappa neve: user_page
Ebben a mappában:
Oldal: Hab
Kép: Hab
A képek behelyezése az oldalon az IMG-címke vonatkozik.
A címkén lévő kép elérési útjának megadásához az SRC paramétert használják =
Ez úgy néz ki, mint a HTML kód, amellyel egy képet behelyezhet a HTML oldalra:
IMG SRC = “/ Hab” (feltéve: az oldal és a kép ugyanabban a mappában van).
És ez a html oldalkód képe
|
Html IMG SRC = “/ Hab” |
Ha mindent megtettél, akkor a böngésző tükrözi a munkád eredményét.
Kiderül, Készítsen html oldalt Egyáltalán nem nehéz!
Az alábbiakban az IMG-címke tulajdonságai és céljuk:
|
IMG SRC = “/ Hab” |
Attribútumok nélkül – az alapértelmezett szöveg a kép alatt van |
|
IMG SRC = “/ Hab” Align = “Jobb” |
Align = “Jobb” – A jobb oldali kép, a bal oldali szöveg |
|
IMG SRC = “/ Hab” Align = “maradt” |
Align = “Bal” – A bal oldali kép, a szöveg jobbra áramlik |
|
IMG SRC = “/ Hab” Align = “Alsó” |
Align = “Bottom” – az alapértelmezettként, a kép alján található szöveg |
|
IMG SRC = “/ Hab” Align = “Közép” |
Align = “Közép” – szöveg a képek közepén |
|
IMG SRC = “/ Hab” Align = “Top” |
Align = “Top” – szöveg a kép tetején |
|
img src = “/ Hab” vspace = “10” |
Vspace – Megadja a szöveg és a minta közötti távolságot (függőleges). Távolsági készlet pixelben. Pixel – A legkisebb képegység (pont). Például, ha a képernyőn a monitor x, ez azt jelenti, hogy az a képpontokat (pixel). A példában a távolság 10 képpont (pont). |
|
IMG SRC = “/ Hab” Hspace = “20” |
Hspace – Beállítja a vízszintes távolságot a szöveg és a minta között. Távolsági készlet pixelben. A példában a kép szélét a képből 20 képpont (pont) |
|
IMG SRC = “/ Hab” Alt = “Website for Website Builders” |
ALT – Megadja a kép nevét (leírás) (nem minden böngészőben). Az Internet Explorer Interneten működik!). Működik, ha a látogatója megjeleníti az egeret, és néhány másodpercet tart. Ebben a konkrét példában a “webhely webhely építők” felirat jelenik meg. Azt javaslom, hogy adja meg az Alt attribútumot, különösen, ha a kép egy link (gomb). |
|
img src = “/ ueron_hab” szélesség = “” |
Szélesség – Beállítja a szélességi képeket pixelben. Ha nem teszed ezt az attribútumot, akkor a kép valós méretű lesz. (Azt javaslom, hogy mindig állítsa be a méreteket!!!) |
|
img src = “/ uzeron_hab” magasság = “” |
Magasság – Megadja a képpontok magasságát képpontokban. Ha nem teszed ezt az attribútumot, akkor a képnek megfelelő magasságú lesz. (Azt javaslom, hogy mindig állítsa be a méreteket!!!) |
|
Img src = “/ ueron_hab” border = “0” |
Határ – Meghatározza a kép körüli keretet. Alapértelmezés szerint a keret mindig ott van. Ha eltávolítani szeretné a keretet, akkor adja meg a Border = 0. |
|
P Align = “Center” img src = “/ uzeron_hab” / p |
P / p – a képet bárhol is szükségünk van. A szállás az Align attribútumtól függ. Vannak, például: |
|
Body BGColor = “#” háttér = “uzeron_hab” / test |
Háttér = “Your_hab” – A kép lesz a háttér HTML oldalak. A háttérben = “Your_hab” attribútum meg kell előírnia a kép elérési útját, valamint a szokásos kép elhelyezését. Azt javaslom, hogy elhagyja a bgcolort, ha a kép nem indul el. |
Comments are closed, but trackbacks and pingbacks are open.