Html tag beszúrni képeket html attribútumok
Ebben a cikkben azt fogja mondani, hogy egy nagyon fontos, hogy a HTML-címkék beilleszteni képek és grafikák az oldalon, mert enélkül nehéz létrehozni egy szép és jó honlap.
Képek, hogy a webhely egyedi, és kitűnjön a tömegből. Azonban ne feledjük, hogy a túlzott használata a grafikai egy honlapon lehet egy rossz tényező.
Nem nagramozhday html oldalas képek, az oldal legyen könnyű, és nem elriasztani a látogatókat. A látogató mindig a fontos információkat, és nem zavart, helyezze a képeket HTML csak akkor, ha szükség van rá.
Oldal tag attribútumok TEST már azt mondta, hogy a kép lehet a háttérben html-oldalak, és most elmondom, hogy az ugyanazt a képet fel lehet használni magasabb szinten, mint a háttér.
Ha a kép és a html-oldalon található különböző mappákban vagy könyvtárakat, meg kell írni az elérési utat a kép képest az oldalt. Például a html-oldalt a mappát vagy könyvtárat a hírek, ugyanabban a könyvtárban, vagy mappát egy alkönyvtár (mappa) pop, és hol van a kép image.jpg, majd helyezze kell írni, így:
Amellett, hogy a src attribútum a tag van egy pár nem kötelező, de fontos tulajdonságok:
- szélesség - a kép szélessége (lehetséges, hogy meghatározza a pixel vagy százalék);
- - magasság kép (lehetséges, hogy adja meg a pixel vagy százalékban).
Ha nem adja meg ezeket a tulajdonságokat, a böngésző letölti az aktuális kép méretét. De ne vigyük túlzásba a az attribútumok értékeivel, mert növekszik a hossza vagy szélessége a kép torzíthatja azt, hogy rontja az ő, mint a humán képet, amely meg fogja változtatni az arányokat a humán.
Mint írtam, a képméret megadható pixelben vagy százalékban. Itt egy egyszerű példa:
Egy másik példa a html-kód:
Vannak olyan esetek, amikor a böngésző letiltotta megjeleníteni a grafikus, beleértve a képeket, és hogy az oldal nem értelmét vesztette, alt attribútumot használják, ahol írunk az alternatív szöveget, ha a kép nem a terhelés alatt az oldal. html-kód, mint például:
Ez a példa beszúrni képeket szöveg helyett, arra a területre, amelynek értelmében már lefoglalt egy helyet a képen, de a lényeg, ez egy opcionális tulajdonság, de van egy hely.
További fontos tulajdonság összehangolása révén, amely, mint már kitalálta, akkor az ellenőrzés a helyét a kép képest a szöveget html-oldalon. Továbbá, az értéke:
- A balra - a kép a bal oldalon, és a szöveg, amely mellett - jobb;
- jobbra - a kép a jobb oldalon, és a szöveg mellett - balra.
és a böngésző megjeleníti a következő:
A szöveg mellett a kép.
HTML-kódot az érték jobb:
hogy a HTML oldal:
A szöveg mellett a kép.
Ahhoz, hogy a szöveg folyt a kép körül, akkor a korábban említett tag BR oldal formázása a szöveget HTML. Mellesleg, a BR tag egyértelmű attribútum értékeket jelentésük:
- balra - nem fognak közre szöveg balra van igazítva;
- jobb - nem fognak közre szöveg jobbra van igazítva;
- összes - nem fognak közre egy szöveget, amely igazodik a jobb és bal oldalán.
Anélkül attribútum igazítsa a szöveget jobbra alapértelmezésben obtekat kép és nagyon közel van. Ha azt szeretnénk, hogy zárja be a szöveg nem obtukal kép lehet használni itt ilyen jellemzőkkel:
- vSpace - így a felső és alsó mező pixel;
- hspace - teszi az oldalsó margók (bal és jobb) a képpont.
Itt van egy egyszerű html-kód, mint például:
Mi történik ebben a példában próbálja látni magam.
Mintegy kép még lehet szhdelat keret segítségével border attribútum, és adja az értékét pixelben. Minél magasabb az érték, annál nagyobb a keret a kép körül. HTML-kód lesz:
html-oldal, mint ez:
Írtam az alap tag HTML, beszúrni kívánt kép a html-oldalon. Következő, elmondom, hogyan lehet létrehozni linkeket a HTML-ben, valamint hogyan lehet egy kép link.
Eugene:
És hogyan kell csinálni, hogy helyezzen be egy képet egy közvetlen link egy képet az interneten?
Kirill Sherstuk:
Miért nem látom a kép?
Kedvezmények kezdőknek:
Iratkozzon fel az izgalmas frissítések blogom, hogy egy trend legújabb trendek a fejlesztése és támogatása oldalak: