<!DOCTYPE html>
<html>
<head>
<title>Iframe Example</title>
</head>
<body>
<h2>1. Embed a Website</h2>
<iframe src="https://www.wikipedia.org" width="500" height="300"></iframe>
<h2>2. Embed a Local Page (Form)</h2>
<iframe width="500" height="400"
srcdoc="
<!DOCTYPE html>
<html>
<body>
<h2>Student Admission Form</h2>
<form>
Full Name: <input type='text'><br><br>
Email: <input type='email'><br><br>
Phone: <input type='text'><br><br>
Password: <input type='password'><br><br>
Date of Birth: <input type='date'><br><br>
Gender:
<input type='radio' name='gender'> Male
<input type='radio' name='gender'> Female<br><br>
Hobbies:
<input type='checkbox'> Reading
<input type='checkbox'> Sports
<input type='checkbox'> Music<br><br>
Upload Photo: <input type='file'><br><br>
Marks (%): <input type='number' min='0' max='100'><br><br>
<input type='submit' value='Submit'>
</form>
</body>
</html>
"></iframe>
<h2>3. Embed a YouTube Video</h2>
<iframe width="500" height="300" src="https://www.youtube.com/embed/dQw4w9WgXcQ"></iframe>
<h2>4. Two Pages Side by Side</h2>
<iframe src="https://www.wikipedia.org" width="400" height="300"></iframe>
<iframe width="400" height="300"
srcdoc='<h3>This is another page</h3><p>Hello, this is shown side by side!</p>'>
</iframe>
</body>
</html>
.png)
