A képek html - html lépésről lépésre

Hogyan lehet behelyezni egy képet?

Alapvetően képek oldalain elhelyezett egy három kép formátumok: gif. jpg / jpeg vagy png (részletesen.).

Az align tulajdonság címke Ez lehetővé teszi, hogy a képet elhelyezni a jobb vagy a bal képest a szöveg és az oldal egyéb elemeit, vagy tegyük egy bizonyos módon képest az alapvonaltól.

Igazítsa a képet az alapvonaltól az aktuális sort.

Igazítsa a képet az alapvonaltól az aktuális sort.

A keret a kép körül

A border attribútum tag arra enged következtetni, a képet a keret, amelynek színe megegyezik a színe a szöveg az oldalon, és a vastagság meghatározott pixel. Alapértelmezésben nincs keret.

A kép tartalmaz egy keretben vastagsága 2 pixel.

A kép tartalmaz egy keretben vastagsága 2 pixel.

képméret

A méretei a képe mindig kívánatos határozza meg kifejezetten a magasság és a szélesség attribútumokat. meghatározása, illetve a szélessége és magassága a kép.

Ellenkező esetben a böngésző további időt követel az önálló számítani a képméretet, amely befolyásolja a sebességet oldalak betöltése.

Képméret beállítása pixel és annak mértéke a terhelés nem érinti.





Padding a képre

Behúzás képek (vagy mezők a kép körül) más elemeit az oldal által meghatározott attribútumok hspace és vSpace - francia vízszintesen és függőlegesen, ill.

Franciabekezdésekkel képpontban mérve.

Ebben az esetben, a behúzás a képet vízszintesen az egyik oldalról a szöveget, és a másik - a szülő elem széle 50 pixel.

Ebben az esetben, a behúzás a képet vízszintesen az egyik oldalról a szöveget, és a másik - a szülő elem széle 50 pixel.

Alternatív szöveg és tooltip

Az alt attribútum tag A képre alternatív szöveget.

Alternatív használt szöveg rövid leírása a tartalmát a képet, ha a kép maga, bármilyen okból, nem áll rendelkezésre (például, ha a böngésző nem automatikusan letölteni a képeket).

Így az alternatív szöveget látja, ha a böngésző nincs betöltve, vagy még nem töltötte le a képeket.

Tooltip adunk a képet használja a cím attribútumot. Úgy tűnik, ha lebeg a kép fölé.

Próbálja meg kikapcsolni az automatikus betöltését képeket a böngészőjében, és ahelyett, hogy egy pingvin a dobozban látni fogja „Alternatív szöveg”.

Próbálja meg kikapcsolni az automatikus betöltését képeket a böngészőjében, és ahelyett, hogy egy pingvin a dobozban látni fogja „Alternatív szöveg”.

Kapcsolódó cikkek