Tartalom

• Lépni
• 1. módszer 2-ből: Írja be a HTML-kódot
• 2/2-es módszer: A HTML-kód megértése

Egyetlen HTML-kódsorral kattintható képet adhat hozzá szinte minden webhelyhez. Két dologra lesz szükséged ahhoz, hogy ez működjön. Szüksége van a kép URL-jére, valamint egy webhely URL-jére.

Lépni

1. módszer 2-ből: Írja be a HTML-kódot

1. Hozzon létre egy HTML fájlt. Nyisson meg egy szövegszerkesztőt, majd hozzon létre egy új fájlt. Mentse a fájlt index.html néven.
   • Bármelyik kívánt szövegszerkesztőt használhatja, még a Windows (Jegyzettömb) és a Mac OS X (TextEdit) egyszerű szövegszerkesztőit is.
   • Ha HTML-sel való használatra szánt szövegszerkesztőt szeretne használni, kattintson ide az Atom, a Windows, Mac OS X és Linux szövegszerkesztőjének letöltéséhez.
   • Ha a TextEdit programot használja, kattintson a Formátum menüre, mielőtt létrehozza a HTML fájlt, majd kattintson a Sima szöveg készítése gombra. Ez a beállítás biztosítja, hogy a HTML-fájl megfelelően betöltődjön egy webböngészőben.
   • A szövegszerkesztők, például a Microsoft Word, nem igazán alkalmasak a HTML írására, mert láthatatlan karaktereket és formázást adnak hozzá, amelyek megrongálhatják a HTML fájlt, és helytelenül jeleníthetik meg a webböngészőben.
2. Másolja és illessze be a szokásos HTML kódot. Jelölje ki és másolja az alábbi HTML kódot, és illessze be a megnyitott index.html fájlba.
   

   a href = "target url"> img src = "image url" /> / a>

3. Keresse meg a kép URL-jét. Keressen egy képet az interneten, kattintson rá a jobb gombbal, és (böngészőjétől függően) kattintson a Kép URL másolása, Kép cím másolása vagy Kép másolása lehetőségre.
   • A Firefox és az Internet Explorer a Kép másolása funkciót használja. A Chrome a Kép URL másolása funkciót használja. A Safari a Képcím másolása funkciót használja.
4. Adja meg a kép URL-jét. Az index.html fájlban kattintson és húzza az egérrel a kép URL-jének kiválasztásához, majd nyomja meg a CTRL + V billentyűkombinációt az URL beillesztéséhez.
5. Adja hozzá a cél URL-t. Az index.html fájlban törölje a cél URL-t és írja be https://www.startpage.com.
   • Bármely URL-t használhat cél URL-ként.
6. Mentse a HTML fájlt.
7. Nyissa meg a HTML fájlt egy webböngészőben. Kattintson a jobb gombbal az index.html fájlra, majd nyissa meg ezt a fájlt a választott webböngészőben.
   • Ha a böngésző megnyílik, de nem látja a képet, ellenőrizze, hogy az index.html fájlban helyesen írta-e el a képfájl nevét.
   • Amikor megnyílik a böngésző, de a háttérkép helyett HTML-kódot lát, az index.html fájlát .rtf fájlként (gazdag szöveges fájlként) menti. Próbálja meg szerkeszteni a HTML fájlt egy másik szövegszerkesztőben.

2/2-es módszer: A HTML-kód megértése

1. Értse meg a horgonycímkét. A HTML-kód nyitó és záró címkékből áll. Az a href = ""> címke a kezdő címke, és / a> a végcímke. Ezt horgonycímkének hívják, és egy weboldalra mutató linkek hozzáadására szolgál.
   • A a utasítja a böngészőt, hogy hozzon létre egy linket. A href a HTML hivatkozás rövidítése, az = utasítja a böngészőt, hogy változtasson meg mindent a kettő között ’ ’ hozzon létre egy linket. Bármely URL elhelyezhető a két idézőjel között.
   • A / a> közli a böngészővel, hogy a horgonycímke zárva van.
   • Amikor szöveget ad hozzá a href = ""> és / a> hogy a szöveg kattintható linkké válik egy weboldalon. Például: a href = "https://www.google.com"> Google / a> létrehoz egy linket a Google-hoz.
2. A képcímke megértése. Az img> tag egy zárt címke. Bezárhatja az img src = "" /> vagy az img src = ""> / img> parancsokkal.
   • A img címke arra utasítja a böngészőt, hogy jelenítsen meg egy képet. A src a forrás rövidítése, de = utasítja a böngészőt, hogy töröljön mindent a ’ ’ és töltse le a képet erről a helyről.
   • A /> utasítja a böngészőt, hogy zárja be a képcímkét.
   • Például: a {samp [} lekéri a képet az URL-ről, majd megjeleníti azt egy webböngészőben.
3. Használja ezt a kódot mindenhol. Most, hogy ismeri ezt a kódot, megteheti a href = "target url"> img src = "image url" /> / a> kattintható képek hozzáadásához bármely weboldalhoz HTML-kóddal.