Šiame įraše trumpai paaiškinama, kaip pridėti vaizdą iš URL.
Kaip pridėti vaizdą iš URL HTML / CSS?
HTML/CSS galimi du būdai pridėti vaizdą naudojant URL, kuris pateiktas toliau:
- 1 būdas: pridėkite vaizdą naudodami elementą HTML
- 2 būdas: pridėkite vaizdą naudodami CSS ypatybes HTML
1 būdas: pridėkite vaizdą naudodami elementą
„ “ elementas yra vienas tuščias elementas, neturintis antrinio turinio ir pabaigos žymos. „ src “ ir „ viskas “ yra du pagrindiniai atributai, naudojami žymoje „ “.
Pažvelkime į toliau pateiktas instrukcijas, kaip pridėti vaizdą naudojant elementą !
1 veiksmas: sukurkite „div“ konteinerį
Pirmiausia sukurkite „div“ konteinerį naudodami „ Tada naudokite reikiamą antraštės žymą iš „ 'į' “ žymą. Pavyzdžiui, mes naudosime žymą Po to pridėkite „ “ žymą ir į vaizdo žymą įterpkite toliau nurodytus atributus: Pagal toliau pateiktą išvestį nurodytas vaizdas buvo sėkmingai pridėtas: Kūrėjai taip pat gali pridėti vaizdą iš URL naudodami CSS. fono vaizdas “ CSS. šiuo tikslu atlikite toliau nurodytus veiksmus. Pirmiausia įterpkite antraštės tekstą naudodami Tada sukurkite „div“ konteinerį naudodami žymą Dabar pasiekite klasę naudodami taškų parinkiklį “ . “ ir klasės pavadinimas, kuris buvo sukurtas anksčiau. Po to taikykite toliau pateiktas CSS ypatybes, kad pridėtumėte vaizdą iš URL klasėje: Aukščiau pateiktame kode: Išvestis Sužinojote apie skirtingus vaizdų pridėjimo iš URL būdus. Norėdami pridėti vaizdą iš URL, kūrėjai gali naudoti „ “ žymą. Tada įterpkite „ src “ atributą ir priskirkite URL kaip „src“ reikšmę. Be to, vartotojas gali pridėti vaizdą iš URL, naudodamas CSS ' fono vaizdas ' nuosavybė. Šiame įraše buvo nurodyti vaizdo pridėjimo iš URL HTML/CSS metodai.
2 veiksmas: įterpkite antraštę
ir įtrauksime konkretų tekstą kaip antraštę pradžios ir uždarymo žymose.
3 veiksmas: pridėkite vaizdą naudodami URL
< div klasė = 'img-conatin' >
< h2 > Pridėti vaizdą su URL < / h2 >
< img src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' viskas = 'Vaizdas!' aukščio = '400 piks.' plotis = '300 piks.' / >
< / div >
2 būdas: pridėkite vaizdą naudodami CSS ypatybes HTML
1 veiksmas: įterpkite antraštę
atidarymo ir uždarymo žymas.
2 veiksmas: sukurkite „div“ konteinerį
> Pridėti vaizdą su URL
>
3 veiksmas: pasiekite konteinerį
4 veiksmas: pridėkite vaizdą naudodami CSS ypatybę „fono vaizdas“.
aukščio : 400 piks ;
plotis : 250 piks ;
fono dydžio : turėti ;
Fono vaizdas : url ( https : //vaizdai .pekselių .com/photos/ 2260800 /pexels-foto- 2260800 .jpeg? automatinis = suspausti&cs = tinysrgb&w = 1260 m &h = 750 &dpr = vienas )
}
Išvada