Multimedia Tags in HTML with Examples
Multimedia helps you to enhance website traffic by improving the user experience and brand strategy.
It is the combination of different content, such as text, images, audio, video, and animation.
HTML provides various multimedia tags to add multimedia content to a web page.
HTML Image Tag?
The <img> tag attaches an image on a web page.
Example -
<!DOCTYPE html>
<html>
<head>the
<title>HTML Image Tag</title>
</head>
<body>
<h1>Image Tag Example</h1>
<img src=”demo_image.jpeg” alt=”Demo Image”>
</body>
</html>
HTML Audio Tag
The <audio> tag includes audio content in an HTML document.?
Example -
<!DOCTYPE html>
<html>
<head>
<title>HTML Audio Tag</title>
</head>
<body>
<h1>Audio Tag Example</h1>
<audio controls>
<source src="demo_audio.mp3">
Your browser does not support the audio tag.
</audio>
</body>
</html>
HTML Video Tag
The HTML <video> tag embeds video content in a document.
Example -
<!DOCTYPE html>
<html>
<head>
<title>HTML Video Tag</title>
</head>
<body>
<h1>Video Tag Example</h1>
<video width="1080" height="720" controls>
<source src="demo_video.mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
领英推荐
HTML Text Tags
Heading Tags
HTML heading elements define the headings of a web page. There are six labels of heading elements in HTML. They are h1, h2, h3, h4, h5, and h6. The h1 element is the most important heading. And the h6 element is the least important heading.
Example -
<!DOCTYPE html>
<html>
<head>
<title>HTML Heading Tags</title>
</head>
<body>
<h1>Heading Tags Example</h1>
<h6>The h6 heading content goes here</h6>
</body>
</html>
Paragraph Tag
The HTML <p> element defines the paragraph on a web page.
Example -
<!DOCTYPE html>
<html>
<head>
<title>HTML Paragraph Tag</title>
</head>
<body>
<h1>Paragraph Tag Example</h1>
<p>Paragraph content goes here</p>
</body>
</html>
HTML SVG Tag
The SVG stands for Scalable Vector Graphics. It defines vector-based graphics in XML format. It is used as the outermost element of an SVG document.
Example -
<!DOCTYPE html>
<html>
<head>
<title>HTML SVG Tag</title>
</head>
<body>
<h1>SVG Tag Example</h1>
<svg width="300" height="175">
<rect x="50" y="50" width="250" height="125" fill="yellow" />
</svg>
</body>
</html>
HTML Embed Tag
The HTML embed tag inserts external content at the specified point in a document.?
Example -
<!DOCTYPE html>
<html>
<head>
<title>HTML Embed Tag</title>
</head>
<body>
<h1>Embed Tag Example</h1>
<embed type="image/jpeg" src="pic_trulli.jpg" width="300" height="200">
</body>
</html>