Learn How to Add Images, Videos, and Audio in HTML

Enhance your web pages with multimedia content for a more engaging experience.

Adding Images

Images make your website visually appealing. Use the <img> tag:

• src Path to the image file
• alt Descriptive text for accessibility and SEO
• width / height Optional sizing

Tips:

• Always include alt text
• Use optimized images for faster loading

Adding Videos

Videos can be embedded directly using <video>:

• controls Adds play, pause, volume options
• Use multiple formats (mp4, webm) for compatibility

Adding Audio

Add sound or music with <audio>:

• controls Adds play, pause, volume controls
• Supports multiple formats: mp3, ogg, wav

Linking Multimedia

You can also link to external media files:

• Users can directly download the files
• Good for portfolio or resources pages