2,4
2. countries
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>World Countries</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
}
a {
color: blue;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<h1>Welcome to the World of Countries</h1>
<p>
Here is a list of some countries around the world. Click on a country to learn more about it:
</p>
<p>
<a href="india.html" target="_blank">India</a>,
<a href="usa.html" target="_blank">United States of America</a>,
<a href="japan.html" target="_blank">Japan</a>,
<a href="germany.html" target="_blank">Germany</a>,
<a href="brazil.html" target="_blank">Brazil</a>,
<a href="canada.html" target="_blank">Canada</a>,
<a href="australia.html" target="_blank">Australia</a>.
</p>
</body>
</html>
4. frames and framesets
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hospital Information</title>
</head>
<body>
<h1>Your browser does not support frames.</h1>
<frameset rows="20%,*">
<frame src="header.html" name="headerFrame" scrolling="no">
<frameset cols="30%,*">
<frame name="navFrame" src="navigation.html">
<frame name="contentFrame" src="about.html">
</frameset>
</frameset>
</body>
</html>
header.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hospital Header</title>
</head>
<body style="text-align:center; background-color: lightblue;">
<h1>ABC Hospital</h1>
<p>Your Health, Our Priority</p>
</body>
</html>
navigation.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Navigation</title>
</head>
<body>
<ul style="list-style-type:none;">
<li><a href="about.html" target="contentFrame">About Us</a></li>
<li><a href="services.html" target="contentFrame">Services</a></li>
<li><a href="contact.html" target="contentFrame">Contact Us</a></li>
</ul>
</body>
</html>
about.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
</head>
<body>
<h2>About ABC Hospital</h2>
<p>ABC Hospital is dedicated to providing excellent healthcare.</p>
</body>
</html>
services.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Services</title>
</head>
<body>
<h2>Services</h2>
<ul>
<li>Emergency Care</li>
<li>Maternity Care</li>
<li>Surgery</li>
</ul>
</body>
</html>
contact.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us</title>
</head>
<body>
<h2>Contact Us</h2>
<p>Phone: 123-456-7890</p>
<p>Email: info@abchospital.com</p>
</body>
</html>
Comments
Post a Comment