Hogyan Lehet Képet Elhelyezni HTML-ben

Tartalomjegyzék:

Hogyan Lehet Képet Elhelyezni HTML-ben
Hogyan Lehet Képet Elhelyezni HTML-ben

Videó: Hogyan Lehet Képet Elhelyezni HTML-ben

Videó: Hogyan Lehet Képet Elhelyezni HTML-ben
Videó: HTML - Képek beillesztése a weboldalunkba 2024, Április
Anonim

A weboldalon található szöveg sokkal jobban olvasható, ha illusztrált. A HTML erre a célra fenntartja az img taget. Más címkékkel kombinálva a képet aktív linkké teheti, beleértve ugyanannak a képnek a nagyobb változatát is.

Hogyan lehet képet elhelyezni HTML-ben
Hogyan lehet képet elhelyezni HTML-ben

Utasítás

1. lépés

Ha a képfájl és a HTML-fájl ugyanabban a mappában található, a következő HTML-kód használatával illessze be a képet: ahol az imagename.jpg

2. lépés

Ha a képfájl ugyanazon a kiszolgálón található, de egy másik mappában, akkor ezt a felépítést a következőképpen módosítsa: ahol a /folder/anotherfolder/imagename.jpg

3. lépés

Óvatosan helyezze el a többi szerveren tárolt képeket - ott lehet engedélyezni a kimosódás elleni védelmet, majd a kívánt kép helyett az oldal látogatója figyelmeztetést fog látni az ilyen védelemről. Ha nincs ilyen védelem, és a külső szerver tulajdonosa nem tiltakozik az ott tárolt képek mások oldalaiba történő beszúrása ellen, használja a következő kódrészletet: ahol https://server.domain/folder/anotherfolder/imagename A.jpg

4. lépés

Ahhoz, hogy a kép egyidejűleg más oldalra mutató link legyen, használja a következő kódot:, ahol a linktext a link címe (helyi vagy globális).

5. lépés

Végül, hogy amikor a felhasználó rákattint a képre, a felhasználó láthatja annak kibővített példányát, változtassa meg az előző töredéket az alábbiak szerint: ahol az imagename-big.jpg

Ajánlott: