HTML 9 - img, map and area elements in HTML

Опубликовано: 22 Март 2026
на канале: TutsKGR OS
37
2

Add images to an HTML page

The image element is used to add an image into a webpage
You can specify the image source with the src attribute
The src attribute can take relative or absolute URL
alt attribute provides an alternative text for the users who cannot see the image
width and height attributes specify the width and the height of the image

map is used to create an interactive image map
Allows to users to click on specific areas within the image and navigate to different pages
usemap attribute in img specifies the id of the map that will be used
map's attribute name specifies the id/name of the map
map contains one or more area elements which represents a clickable area
shape attribute specifies the shape of the area (rect, circle and polygon)
cords attribute specifies the coordinates of the area(x1, y1, x2, y2)
href attribute specifies the URL for when the user clicks on the area


#html #html5 #html5tutorial #html5course

My Gaming channel
   / @thunderforgewt  


"html"
"index html"
"html css"
"html online"
"html mail"
"site html"
"code html"
"figma html"
"video html"
"href html"
"cms html"
"template ebay"
"sapui5"
"link html"
"html5 css3"
"wordpress html"
"html flex"
"tutorial html"
"web html"
"editor html wysiwyg"
"img html"
"javascript html"
"iframe html"
"html chat"
"adobe html"
"wysiwyg free"
"html wysiwyg"
"html e mail"
"base html"
"psd html"
"free template html5"
"anchor html"
"adobe xd html"
"envato elements wordpress"
"banner html"
"editor wysiwyg"
"htmleditor"
"blog html"
"api html"
"color html"
"layout html"
"label html"
"da formmaker"
"code html css"
"html css php"
"tag html"
"freehtml"
"canvas html"
"pbootcms"
"html php"