Hogyan lehet behelyezni egy képet a weboldalon helyes
Hogyan lehet behelyezni egy képet egy weboldalon
Tegyen be egy képet az oldalon, akkor egy img tag. Ebben az esetben meg kell határozni, hogy hol kap a kép.
Ezt használja a src attribútum. a kép nevét és a terjeszkedés kapnak idézőjelben, és a név kell írni a latin ábécé:
Ha a kép egy másik mappát a számítógépen, legyen az img. ez nem a par az index fájlt, regisztrálnia kell, és a mappa elérési útvonala:
Ha a webhelyen tartalomkezelő rendszer WordPress típusát, majd a kívánt mappát, ahol a letöltött képek jönnek létre automatikusan, vagy létre kell hoznia egy külön mappát a gyökér a helyszínen.
A kép méretei
Hogyan lehet behelyezni egy képet az oldalon, annak érdekében, hogy megfelelően megjelenítse a képet az oldalon? Erre a célra, valamint a gyorsabb letöltés, meg kell adnia a szélessége és magassága a kép.
Szélessége jelzi a szélesség attribútum. és - magasság. Így a számla lehet vásárolni, például a következőképpen néz ki:
Ha ezek a paraméterek segítségével regisztráljuk az attribútumok az egységek is hagyható. Ha meg kell változtatni bármilyen méretű, például, hogy a szélessége 200 px, a magasságot automatikusan átméretezi a megadott szélesség paraméterrel.
A méretek a kép lehet meghatározni a Tulajdonságok parancsot a helyi menüből. ahol a részletek fülre a szélesség és a magasság.
Ezek az értékek, és adja meg. Gondoskodnunk kell arról, hogy a mérés egyezik a valódi, különben a böngésző kijavítani, de korrigálja a maga módján, hogy van, mint mindig, görbe.
Ezek az értékek a minimálisan szükséges, amelyet meg kell adni, hogy a kép a honlapon jelenik meg megfelelően. Vannak természetesen más mellett ezeket a tulajdonságokat.
Hely a szöveg képest a kép
Hogyan kell elhelyezni képest a szöveg a kép határozza meg az attribútum align - összehangolás, amelyben megadja, hogy a szöveg kerületi képünket.
Például balra fogja jelenteni, hogy a kép lesz balra tolódik, és a szöveg fog folyni körül jobbra. Így a rekord lesz:
Ha adsz align attribútum értéke van. A kép jobbra mozog a lap szélére. Így a kép lehet illeszteni az oldalon bárhol.
Behúzás Text
A következő fontos paraméter, hogy meg kell mondani, van tolva a szélén a kép szöveggé.
Ott van a különleges tulajdonság, amely felelős azért, hogy a tér, meg van írva a hspace és idézetek jelzik annak értékét, például 10 pixel:
Hasonlóképpen, van egy tulajdonság, amely felelős a felső határ. Azt írja ugyanúgy, csak vSpace.
Szöveg helyett képek
A következő fontos tulajdonság IPG tag - alt attribútumot. Ő válik fontossá, ha a felhasználó egy oldal megtekintésére képeket letiltó vagy valamilyen okból a kép nem jelenik meg a weblapon.
Ebben az esetben a kép helyett a felhasználó látja a szöveget, hogy lesz bejegyezve az idézett tulajdonság alt:
image határ
Tovább attribútum, meg kell említeni a határ - a határ szélén. Ő szükséges abban az esetben, ha például, nem kell egy képkocka. Ebben az esetben, a meghatározott határ = „0”:
És az utolsó - természetesen kép felvidít a helyén, így vonzóbb és javítja az általános design a helyén. de meg kell győződnünk arról, hogy az oldal nem túlterhelt grafikai képek és különböző animációkat, mert a fenti okok miatt, hogy az oldal betöltődik egy hosszú idő, és a látogatók gyakran hagyott helyet, és ne várja a nyitás.
Hogyan lehet optimalizálni a képek online sebességének növelése oldalak betöltése, elolvashatja itt.
Tehát, ez a felvétel, hogy megértsük, hogyan kell beszúrni egy képet a honlapon helyes, ami ebben az esetben akkor lehet alkalmazni, attribútumok és értékek.
Egyéb Kapcsolódó bejegyzések:
- Hogyan védi a WordPress honlap
- Hogyan lehet felgyorsítani WordPress honlap és berakodása Hosting
- Tisztítás és optimalizálása Word Press adatbázisban
- Hogyan lehet eltávolítani ismétlődő oldalakat az oldalon létrehozott replytocom
- Protect WordPress honlap
- Telepítése WordPress tárhely felállítása helyén