Šajā ziņojumā īsumā tiks izskaidrota metode attēla pievienošanai no URL.
Kā pievienot attēlu no URL HTML/CSS?
HTML/CSS ir pieejamas divas metodes attēla pievienošanai, izmantojot tālāk norādīto URL:
- 1. metode: pievienojiet attēlu, izmantojot elementu HTML
- 2. metode: pievienojiet attēlu, izmantojot CSS rekvizītus HTML
1. metode: pievienojiet attēlu, izmantojot elementu
' ” elements ir viens tukšs elements, kuram nav pakārtota satura un beigu taga. ' src ' un ' viss ” ir divi galvenie atribūti, kas tiek izmantoti tagā “ ”.
Apskatīsim tālāk sniegtos norādījumus par attēla pievienošanu, izmantojot elementu!
1. darbība. Izveidojiet div konteineru
Vispirms izveidojiet div konteineru, izmantojot “ Pēc tam izmantojiet nepieciešamo virsraksta tagu no “ 'uz' ” tagu. Piemēram, mēs izmantosim tagu Pēc tam pievienojiet ' ” tagu un attēla tagā ievietojiet tālāk norādītos atribūtus: Saskaņā ar tālāk norādīto izvadi norādītais attēls ir veiksmīgi pievienots: Izstrādātāji var arī pievienot attēlu no URL, izmantojot CSS. fona attēls ”CSS. šim nolūkam veiciet tālāk norādītās darbības. Vispirms ievietojiet virsraksta tekstu, izmantojot Pēc tam izveidojiet div konteineru, izmantojot tagu Tagad piekļūstiet klasei, izmantojot punktu atlasītāju ' . ” un klases nosaukums, kas tika izveidots iepriekš. Pēc tam izmantojiet tālāk norādītos CSS rekvizītus, lai pievienotu attēlu no klases URL: Iepriekš norādītajā kodā: Izvade Jūs uzzinājāt par dažādām metodēm attēlu pievienošanai no URL. Lai pievienotu attēlu no URL, izstrādātāji var izmantot ” tagu. Pēc tam ievietojiet ' src ” atribūtu un piešķiriet URL kā vērtību “src”. Turklāt lietotājs var pievienot attēlu no URL, izmantojot CSS ' fona attēls ” īpašums. Šajā pārrakstā ir norādītas metodes attēla pievienošanai no URL HTML/CSS.
2. darbība: ievietojiet virsrakstu
un pievienosim konkrēto tekstu kā virsrakstu sākuma un aizvēršanas tagos.
3. darbība. Pievienojiet attēlu, izmantojot URL
< div klasē = 'img-conatiner' >
< h2 > Pievienojiet attēlu ar URL < / h2 >
< img src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' viss = 'Attēls!' augstums = '400 pikseļi' platums = '300 pikseļi' / >
< / div >
2. metode: pievienojiet attēlu, izmantojot CSS rekvizītus HTML
1. darbība: ievietojiet virsrakstu
sākuma un aizvēršanas tagu.
2. darbība. Izveidojiet div konteineru
> Pievienojiet attēlu ar URL
>
3. darbība. Piekļūstiet konteineram
4. darbība. Pievienojiet attēlu, izmantojot CSS rekvizītu “fona attēls”.
augstums : 400 pikseļi ;
platums : 250 pikseļi ;
fona izmērs : satur ;
Fona attēls : url ( https : //attēli .pekseļi .com/photos/ 2260800 /pekseļi-foto- 2260800 .jpeg? auto = saspiest&cs = tinysrgb&w = 1260. gads &h = 750 &dpr = viens )
}
Secinājums