HTML Images
Html image add
<img src="html.png" alt="html logo" width="100px" height="100px" >
<a> Image Link Add
<a href="https://www.w3schools.com/"><img src="html.png" alt="html logo" width="100px" height="100px"></a>
| <img> Tag Attributes |
|---|
1.src
2.alt
3.height
4.width
5.sizes
6.srcset
7.usemap
8.ismap
9.loading
10.referrerpolicy
<img> Attributes
<!--src/alt/height/width/usemap/loading/-->
<img src="html.png" alt="html logo" height="100px" width="50px" usemap="#name123" loading="lazy">
<!--ismap-->
<a href="https://www.w3schools.com/"><img src="html.png" ismap></a>
<!--sizes-->
<!--srcset-->
| 1.src | image eke url eka add karanne mekata |
| 2.alt | đąkumak ho hethwuak matha image eke web site eke penanne nathi unoth e wenuwata alt eke dila thiyena text eka pennanawa đąas penne nethi kattiya screen reader ekak bawitha karana kota alt eke thibena thibena thorathuru sapayay |
| 3.height | image eke āļāˇ āļąāˇāļēāļ¸ āļāļģāļēāˇ |
| 4.width | image eke āļ´āˇ āļŊ āļąāˇāļēāļ¸ āļāļģāļēāˇ |
| 5.sizes | đąpage layout (responsive) ekata adalawa image eke size eka wenas karanwa đącode eka liyanna haduwa harigiye nehe ( wedakaranne nehe meka ) |
| 6.srcset | đąsamahara browser walata samahara image type weda karannne nehe e wenuwata images file list ekak wenama add karala thiyanna puluwan ethakota browser ekata support karana image type eka thiyena image eka adala browser eke pennanawa đącode eka liyanna haduwa harigiye nehe ( wedakaranne nehe meka ) |
| 7.usemap | đąimage map sadaha nama labadima meken siduwe.meken img tag eka ha map tag eka link wimak sidu we đąusempa wala name ekata pera # labadiya yuthuya đą<img> sadaha <a> or <button> bawitha karanawanam usemap bawithakaranna behe |
| 8.ismap | đąismap bawitha kala hekke <a> tag ekak athule <img> tag eka thibenam pamani. đąserver-side image map ekak uda click kala wita click karapu thena coordinates url ekak lesa server ekata yawanawa. đącoordinates tika url eke pennanawa image map eka uda click karama |
| 9.loading | đąāļļāˇâāļģāˇāˇāˇāļģāļēāļāˇ āļģāˇāļ´āļēāļāˇ āļāļāˇāļģ load āļāˇ
āļēāˇāļāˇāļ¯ āļąāˇāļāˇāˇāļāˇ āļ´āļģāˇāˇāˇāļŊāļāļēāˇ āļģāˇāļ´āļē āļ
āˇāļŊāļ§ āļēāļą āļāˇāļāˇ āļģāˇāļ´āļē loade āˇāˇāļ¸ āļāļŊāˇ āļ¯āˇāļ¸āˇāļē āļēāˇāļāˇāļ¯ āļēāļąāˇāļą āļąāˇāļēāļ¸ āļāļģāļēāˇ. 1.eager = Default. āļģāˇāļ´āļē āļāļāˇāļģ load āļāļģāļēāˇ. 2. lazy = āļ´āļģāˇāˇāˇāļŊāļāļēāˇ āļģāˇāļ´āļē āļ āˇāļŊāļ§ āļēāļą āļāˇāļāˇ āļģāˇāļ´āļē loade āˇāˇāļ¸ āļāļŊāˇāļ¯āļ¸āļēāˇ |
| 10.referrerpolicy | đ |
10.<img> referrerpolicy
<img src="https://example.com/images/myimage.jpg" alt="Some image" referrerpolicy="no-referrer">
- meka therenne nehe matanam
- W3school link = https://www.w3schools.com/tags/att_img_referrepolicy.asp
| no-referrer | – |
| no-referrer-when-downgrade | – |
| origin | – |
| origin-when-cross-origin | – |
| unsafe-url | – |