Turinys
Kartais mūsų HTML dokumentuose ne visos formos sugeneruoja, daug kartų į kai kurias žymas turime įtraukti kitus elementus, pvz., Vaizdus, kad suformuotume savo puslapį, nes tai šiame vadove pamatysime, kaip tai padaryti ir įvairias funkcijas įtraukta į save.Norėdami parodyti vaizdą savo HTML dokumente, turime naudoti elementą img kuris turi šiuos požymius:
- src
- alt
- aukščio
- pločio
- usemap
- ismap
Šiuo metu mes sutelksime dėmesį į pirmuosius du požymius, src Y alt; src leidžia mums nurodyti kelią, iš kurio naršyklė ieškos vaizdo, tai gali būti santykinis kelias ar net URL, atributas alt leidžia mums įdėti tekstą, šis tekstas bus rodomas tik tada, kai vaizdas nepasiekiamas, nesvarbu, ar jis nėra kelyje, kuriuo jis buvo nurodytas src ar net naršyklė negali jos interpretuoti.
Pažiūrėkime, kaip į HTML dokumentą įtraukti vaizdą:
Pavyzdys Čia yra įprasta trijų veiklų triatlone pateikimo forma.Pirmoji piktograma simbolizuoja plaukimą, antroji - dviračių sportą, o trečioji - bėgimą.
Šiame pavyzdyje taip pat matome dar du atributus pločio ir aukščio Tai, kaip rodo jų pavadinimai, turi reguliuoti vaizdo plotį ir aukštį, todėl galime garantuoti, kad vaizdas išliks mūsų nustatytų dydžių, taip pat jei vaizdas bus didesnis nei pakeistas, be Tačiau reikia būti atsargiems, nes vaizdas bus vienodo svorio, todėl patartina įdėti jau redaguotą reikiamo dydžio vaizdą ir kad mūsų puslapis būtų įkeliamas greičiau.
Kitas gana dažnas naudojimas yra naudoti vaizdą kaip nuorodą į kitus puslapius, pavyzdžiui, įdedant komandos piktogramą, pavyzdžiui, kitą rodyklę, dabar, naudojant naujas CSS sistemas, tai gali būti rečiau, tačiau pažiūrėkime, kaip tai daroma, kad ši parinktis būtų mūsų HTML įrankių portfelyje.
Norėdami įterpti vaizdą, mes tiesiog įdėsime elementą img elemento viduje, kuris nurodo puslapį, pvz .:
Pavyzdys Čia yra įprasta trijų veiklų triatlone pateikimo forma.Pirmoji piktograma simbolizuoja plaukimą, antroji - dviračių sportą, o trečioji - bėgimą.
Tokiu būdu mes pasiekiame, kad vaizdas dabar būtų mūsų nuoroda, kaip matysime kitame ekrane, vaizdas nesikeis taip, kaip jis rodomas:
