HTML Images and Media
5 lessonsAbout 30 minutesIntermediate
This part of the HTML Tutorial runs from HTML Images through to HTML Embed & Object. There are 5 lessons here, and working through them takes about 30 minutes at a steady pace.
It follows on from HTML Lists and Tables, so finish that first if you have not already — the examples below assume you are comfortable with it.
Each lesson below says what it covers before you open it. Read them in order the first time; afterwards this page works as a index you can jump back into when you need to check one thing.
- 1HTML ImagesImages make a webpage more engaging and visually appealing. HTML allows you to display images using the <img> tag, which is an empty tag (it doesn’t have a...
- 2HTML Picture ElementThe <picture> element in HTML is used to display responsive images that automatically adjust to different devices and screen sizes. It allows you to define...
- 3HTML AudioHTML allows you to add audio content directly to web pages using the <audio> element. You can embed music, podcasts, sound effects, or any audio file...
- 4HTML VideoThe HTML <video> element allows you to embed videos directly on web pages without relying on external plugins. You can display movies, tutorials,...
- 5HTML Embed & ObjectHTML provides the <embed> and <object> elements to include external content in web pages, such as PDFs, multimedia files, or interactive applications. These...