HTML Images A/V Lists Tables Flashcards
img
Embeds an image
src=”” for the source
alt=”” to show text if image fails
map area
Creates an image map with
interactive areas
img src="" map name="" area shape="" coords="" href="" alt="" area shape="" coords="" href="" alt="" /map
picture
An element to house multiple images
for responsive design
picture source media="min-width" srcset="" source media="min-width" srcset="" img src="" /picture
svg
A container for Scalable Vector Graphics
Draws 2D shapes
Scales better than canvas
Can be modified with CSS / JS
canvas
An element to draw pixels on the fly
via scripting
More performant than svg but less scalable
Canvas can only be modified with JS
Canvas is raster based and composed of pixels
video source
A container for video sources
video width=”” height=’”” controls
source src=”” type=””
source src=”” type=””
/video
Types: video/
mp4 ogg webm
audio source
A container for audio sources
audio controls
source src=”” type=””
source src=”” type=””
/audio
Types: audio/
mp3 wav ogg
track
specifies text for when audio/video
is playing
coords=””
shape=””
Attributes for specifying the shape
and coordinates of an area element
height=””
an attribute that specifies the height
of an element
canvas img iframe input object video
width=””
Specifies the width of the element
canvas img iframe video input object
controls
The attribute that fills out play pause
seeking volume, etc.
autoplay loop
Audio/Video attributes that set autoplay and loop
table
Creates an HTML table with
tr th and td
tr
Table Row
Creates rows for a table
