Tartalom

• Lépni
• 1/1 módszer: Képek beszúrása HTML-sel
• Tippek
• Figyelmeztetések

Képek hozzáadása a webhelyéhez vagy a közösségi háló profiljába kiváló módja annak, hogy weblapját felöltöztesse. A HTML (HyperText Markup Language) számos funkcióval rendelkezik a weboldalak létrehozásához, de a képek hozzáadásához szerencsére nem túl nehéz a kód.

Lépni

1/1 módszer: Képek beszúrása HTML-sel

1. Töltse fel a képét egy ingyenes tárhelyre, például a Photobucket vagy a TinyPic oldalra, amely lehetővé teszi a gyors összekapcsolást. A gyors összekapcsolás lehetővé teszi a kép közvetlen összekapcsolását a webhely szerverével; néhány szolgáltató ezt betiltotta, mert a hot-linking használja a sávszélességüket, és helyet foglal a szervereiken.
   • Ha van fizetett tárhely-fiókja, töltse fel a képeket közvetlenül arra a szerverre, ahol a webhelye található. Ez mindig megbízhatóbb, mint egy ingyenes webhely, és egyáltalán nem kell drága.
2. Nyisson meg egy új dokumentumot egy szövegszerkesztőben (pl., Jegyzettömb / Jegyzettömb), vagy nyissa meg webhelyén / profiljában azt az oldalt, ahol közvetlenül megváltoztathatja a HTML kódot.
3. Kezdje a img címke. A img a címke üres, vagyis nincs szükség záró címkére. Az XHTML-hitelesítéshez azonban továbbra is betehet egy szóközt és egy perjelet előtte nagyobb, mint jel.
   • img />
4. Sok elérhető attribútum létezik, de csak egy szükséges:src. Ez a kép helye / címe vagy URL-je.
   • img src = "A kép URL-je" />
5. Ezután meg kell alt attribútum hozzáadása. Ez egy alternatív szöveget mutat, arra az esetre, ha a kép betöltése nem sikerül. Ez a látássérültek számára is szolgáltatás, amely képernyőolvasókat használ.
   • Ha a kurzort egy kép fölé viszi, akkor ez a szöveg eszköztippként is megjelenik, de ez csak az Internet Explorer esetében van így. Az összes böngészővel (Firefox) működő megoldás et al.) hozzá tartozik cím a mellett használandó attribútum alt. (Ez utóbbit elhagyhatja, ha nem szeretné, hogy a képhez legyen eszköztipp.)

Mint például:img src = "Kép URL-je" alt = "Minden esetre" title = "Eszköztár" />

1. Most megadhatja a kép méretét a magasság és szélesség attribútumot, és megadva a képpontokat vagy százalékokat. Vegye figyelembe, hogy az ilyen átméretezés csak a nézet méretét változtatja meg, nem pedig maga a kép. A kép betöltési idejének lerövidítése érdekében jobb, különösen nagy képek esetén, előre méretezni őket képszerkesztő szoftverrel vagy egy olyan online szolgáltatással, mint a PicResize.com.
   • img src = "Kép URL-je" alt = "Minden esetre" title = "Eszköztár" height = "50%" width = "50%" />
   • img src = "Kép URL-je" alt = "Minden esetre" title = "Eszköztár" height = "25px" width = "50px" />

Tippek

• Ezeknek az attribútumoknak az értéke pixelben vagy százalékban, 1-100% között van megadva.
• A kép bárhová elhelyezhető a weboldalon, a különféle formázási attribútumok segítségével, például felső, alsó, középső, jobb, bal stb.
• A hspace attribútum segítségével vízszintes helyet helyezhetnek el a kép bal és jobb oldalán, míg a vspace attribútumot a képek és más objektumok tetején és alján helyezik el.
• Ne kényeztesse magát túlságosan a képekkel. Ez rendetlennek és szakszerűtlennek tűnik.
• A GIF képek jól használhatók logók vagy rajzfilmek számára, de ez a fájltípus kevésbé alkalmas fényképekhez és más, sok színű képekhez.
  • A GIF-képek csak 8 bites, legfeljebb 256 színt támogatnak. Ezért várható, hogy egy 16 vagy 24 bites színes illusztráció vagy fotó reprodukálása nem lesz olyan jó.
  • A GIF képek szintén támogatják az átláthatóságot. Egy kis átlátszóság lehetséges, ami azt jelenti, hogy egy szín átlátszóvá tehető.
  • Az átlapolást a GIF-képek is támogatják, ami azt jelenti, hogy a webhely látogatója még a teljes betöltés előtt képet kap arról, hogy fog kinézni a kép.
  • A GIF formátum támogatja az animációt is.
• Győződjön meg arról, hogy az URL megadja a kép fájlformátumát (.webp .gif stb.).

Figyelmeztetések

• Ne Hotlink!