Media Tag and MultiPage Website

List of Contents

Media Tag
MultiPage Website

Media Tag

How Media Tags Work:
The <video> and <audio> tags let you add video and sound directly to your web page. You can control playback, show a preview image, and add captions for accessibility.

<video>: Used to embed video files. You can add controls (play, pause), set width/height, and use multiple <source> tags for different formats.
<audio>: Used to embed audio files. You can add controls and use multiple <source> tags for different formats.
<source>: Lets you provide different file types so the browser picks the best one.
<track>: Adds captions or subtitles for accessibility.

Example: <video src="movie.mp4" controls></video> shows a video player with play/pause buttons.

Basic Video Example

Video with Attributes

Audio Example

Listen to our theme song:

Professional Video Embedding

Accessible Video with Captions/Subtitles

Comparison Table

Feature	<source> Method	src Method
Browser Compatibility	Excellent	Good, but not guaranteed
Flexibility	High	Low
Simplicity	More complex	Very simple
Fallback for Old Browsers	Excellent	None
Best Use Case	Public-facing websites	Quick tests, internal projects

Copyright Symbol

Other Common Symbol Entities

Symbol	Description	Entity Name	Entity Number
©	Copyright	©	©
®	Registered Trademark	®	®
™	Trademark	™	™
<	Less-than	<	<
>	Greater-than	>	>
&	Ampersand	&	&
"	Double Quote	"	"
€	Euro Sign	€	€

To display <p> on your page, write <p>.

MultiPage Website

A multi-page website consists of several HTML files, each representing a different page (like Home, About, Contact). Users navigate between pages using links.

Example Structure

index.html (Home)
about.html (About Us)
contact.html (Contact)

Sample Navigation Menu

<nav>
    <a href="index.html">Home</a> |
    <a href="about.html">About</a> |
    <a href="contact.html">Contact</a>
</nav>

How Links Work

Clicking a link loads the corresponding HTML file. For example, <a href="about.html">About</a> opens the About page.

Example: About Page (about.html)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>About Us</title>
</head>
<body>
    <nav>
        <a href="index.html">Home</a> |
        <a href="about.html">About</a> |
        <a href="contact.html">Contact</a>
    </nav>
    <h1>About Us</h1>
    <p>This is the About page of our website.</p>
</body>
</html>

Video for better understand

Previous page				submit your feedback
Give MCQs for testing your prepreation