Q1. Write HTLM command tags.?
Ans.
<html>
<head>
<title>Page 1 hello</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph </p>
</body>
</html>
Q2. Write all text style tags in HTML. ?
Ans.
<html>
<head> <title>Page 1 hello</title>
</head>
<body>
<strong>Bold Text hello</strong><br>
<em>Italic Text hello</em><br>
<u>Underlined Text hello</u><br>
<s>Strikethrough hello Text</s><br>
<small>Small Text hello </small><br>
<mark>Highlighted Text hello </mark><br>
<sup>Superscript Text hello</sup><br>
<sub>Subscript Text hello </sub><br>
<code>Inline Code hello</code><br>
<blockquote>This is a blockquote hello</blockquote><br>
<cite>Citation Text hello</cite><br>
<kbd>Keyboard Input hello</kbd><br>
<var>Variable Text hello</var><br>
</body>
</html>
Q3. Write an HTML CODE to create a HTML page , which has properly aligned paragraphs with image
along with it.
Ans.
<html>
<head>
<title>Aligned Paragraphs with Image</title>
<style>
.container {
display: flex;
align-items: center;
.text {
margin-right: 20px;
</style>
</head>
<body>
<div class="container">
<div class="text">
<h2>About This Image</h2>
<p>This is a sample paragraph describing the image.</p>
</div>
<img src=""C:\Users\NMC\Pictures\[Link]"" alt="Sample Image" width="200">
</div>
</body>
</html>
[Link] a program to display list of all items in different style.?
Ans.
<html>
<head>
<title>Item List</title>
</head>
<body>
<h2>Unordered List</h2>
<ul>
<li>hello 1</li>
<li>hi2</li>
</ul>
<h2>Ordered List</h2>
<ol>
<li>First hello</li>
<li>Second hi</li>
</ol>
<h2>Description List</h2>
<dl>
<dt>Item 1</dt>
<dd>Description for Item 1.</dd>
</dl>
</body>
</html>
Q5. write a program of table using an example of a class record.?
Ans.
<html>
<head>
<title>Class Record</title>
</head>
<body>
<h2>Class Record</h2>
<table border="1">
<tr>
<th>Student Name</th>
<th>Grade</th>
<th>Remarks</th>
</tr>
<tr>
<td>John Doe</td>
<td>A</td>
<td>Excellent</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>B</td>
<td>Good</td>
</tr>
</table>
</body>
</html>
Q6. Write an Html code to demonstrate the usage of inline CSS.
<html>
<head>
<title>Inline CSS Example</title>
</head>
<body>
<h1 style="color: blue; text-align: center;">Welcome to Inline CSS</h1>
<p style="font-size: 16px;">This paragraph uses inline CSS for styling.</p>
</body>
</html>
Q7 Write an Html code to demonstrate the usages of internal CSS.
<html>
<head>
<title>Internal CSS Example</title>
<style>
body {
background-color: lightgrey;
h1 {
color: green;
</style>
</head>
<body>
<h1>Welcome to Internal CSS</h1>
<p>This paragraph is styled using internal CSS.</p>
</body>
</html>
8 Write an Html code to demonstrate the usages of external CSS.
<html>
<head>
<title>External CSS Example</title>
<link rel="stylesheet" type="text/css" href="[Link]">
</head>
<body>
<h1>Welcome to External CSS</h1>
<p>This paragraph uses external CSS for styling.</p>
</body>
</html>
9 Write an html code to create a home page having three links: about Us, Our services and contact Us.
Create separate web page for three links.
a) <html>
<head>
<title>Home Page</title>
</head>
<body>
<h1>Welcome to Our Website</h1>
<ul>
<li><a href="[Link]">About Us</a></li>
<li><a href="[Link]">Our Services</a></li>
<li><a href="[Link]">Contact Us</a></li>
</ul>
</body>
</html>
b) <html>
<head>
<title>About Us</title>
</head>
<body>
<h1>This is the description about me. </h1>
<p>This is the About Us page.</p>
</body>
</html>
c) <html>
<head>
<title>Our Services</title>
</head>
<body>
<h1>Our Services</h1>
<p>This is the Services page.</p>
</body>
</html>
D)<html>
<head>
<title>Contact Us</title>
</head>
<body>
<h1>Contact Us</h1>
<p>This is the Contact Us page.</p>
</body>
Q 10 Write an Html code to create a login form.
<html>
<head>
<title>Login Form</title>
</head>
<body>
<h2>Login</h2>
<form action="/login" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<br>
<input type="submit" value="Login">
</form>
</body>
</html>
11. Write an html to create a Registration Form. <html>
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<h2>Register</h2>
<form action="/register" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<br>
<input type="submit" value="Register">
</form>
</body>
</html>
About US
[Link] an html code to create your Department Website.
<html>
<head>
<title>Aligned Paragraphs with Image</title>
<style>
.container {
display: flex;
align-items: center;
.text {
margin-right: 20px;
</style>
</head>
<body>
</div>
<img src="C:\Users\pc4\Pictures\vikash saini_files\[Link]"\>
<img align="right"<img src="C:\Users\pc4\Downloads\[Link]" alt="Sample Image"
width="200">\>
</body>
</html>
<html>
<head>
<title>Department Website</title>
<style>
body {
font-family: Arial, sans-serif;
}
header, footer {
background-color:Green;
color:white;
text-align: center;
padding: 7px 3;
nav {
margin: 10px 0;
nav a {
margin: 0 10px;
color: green;
text-decoration: none;
</style>
</head>
<body>
<header>
<h1>DEPARTMENT OF COMPUTER SCIENCE </br> MM (PG) COLLEGE FATAHABAD </h1>
</header>
<nav>
<a href="[Link] </a>
<a href="[Link] Us</a>
<a href="[Link]
<a href="[Link]
<a href="[Link] Us </a>
</nav>
<section id="about">
</section>
<section>
<section>
<center><img src="C:\Users\pc4\Pictures\Screenshots\Screenshot 2024-10-26 [Link]"
width="1500" height="1000"\></a>
<center><img src="C:\Users\pc4\Pictures\Screenshots\Screenshot 2024-10-26
[Link]"width="1000" height="500"\>
<center><img src="C:\Users\pc4\Pictures\Screenshots\Screenshot 2024-10-26
[Link]"width="1500" height="1000"\>
</section>
<footer>
<p> department for computer science </p>
</footer>
