Hogyan alakíthatunk át egy képet HTML kódba

Gépelés kézzel a billentyűzeten

Egy férfi keze a számítógép billentyűzetén

Kép jóváírása: JatinderKumar/iStock/Getty Images

Néhány HTML-kódrészlettel beágyazhat egy képet bármilyen weboldalba, e-mailbe vagy más internetalapú HTML- vagy XML-dokumentumba. Bár egy képet nem lehet "konvertálni" HTML-kódra, a képet elmentheti helyben vagy egy adott webcímre, majd kijelölhet egy helyet egy HTML-dokumentumban. Azt is megadhatja, hogy a kép hány pixel méretű legyen, függőlegesen és vízszintesen egyaránt. Olvasson tovább, hogy megtudja, hogyan lehet képeket HTML-kóddá alakítani.

1. lépés

Válasszon egy képet. Bármilyen méretű kép lehet.

A nap videója

2. lépés

Mentse el a képet helyben vagy online. Ez azt jelenti, hogy elmentheti a számítógépére vagy egy adott webcímre. Ha azt szeretné, hogy mások is lássák a képet online, fel kell töltenie a képet egy webszerverre. Használja webhelyszerverét, vagy ha nincs webhelye, próbálkozzon a Picasa vagy más képtároló és megosztó alkalmazás használatával. Jegyezze fel azt az URL-t, ahová a fényképet menti.

3. lépés

Nyisson meg egy HTML dokumentumot. Használja a képcímkét és a kép tárolási helyének pontos URL-jét: . Ez beágyazza a képet a HTML dokumentumba. Amikor a felhasználó megnyitja a dokumentumot webböngészőn vagy más programon keresztül, megjelenik a kép.

4. lépés

Állítsa be a kép szélességét, ahogyan szeretné, képpontokban kifejezve. Ismét használja a kép tárolási helyének pontos URL-jét. Például, http://example.com/image.jpg" szélesség=400>. Ezzel a kép meglévő szélességét 400 pixelre nyújtja vagy csökkenti.

5. lépés

Állítsa be a kép magasságát a kívánt módon, pixelben kifejezve. Például, . Ezzel a kép jelenlegi magasságát 700 pixelre nyújtja vagy csökkenti.

6. lépés

Szükség szerint kombinálja a szélesség és magasság beállítását. Például, .

7. lépés

Ha szükséges, alakítsa át a képet linkké. Használja a horgonycímkét a beágyazott képcímkével. Például, .