Scribd
Upload
32 views

Website Css

Uploaded by

Dixit Taneja Vlogs
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
32 views

Website Css

Uploaded by

Dixit Taneja Vlogs
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 31

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\R.jpg"" alt="Sample Image" width="200">

</div>

</body>

</html>
Q4.write 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="styles.css">

</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="about.html">About Us</a></li>

<li><a href="services.html">Our Services</a></li>

<li><a href="contact.html">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
Q12.write 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\images.jpg"\>

<img align="right"<img src="C:\Users\pc4\Downloads\ASASAAS.jpg" 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="file:///C:/Users/pc4/Desktop/g.html">Home </a>

<a href="file:///C:/Users/pc4/Desktop/d.html">About Us</a>

<a href="file:///C:/Users/pc4/Desktop/Courses%20.html">Courses</a>

<a href="file:///C:/Users/pc4/Desktop/y%20.html">Faculties</a>

<a href="file:///C:/Users/pc4/Desktop/Contact%20Us%20.html">Contact Us </a>


</nav>

<section id="about">

</section>

<section>

<section>

<center><img src="C:\Users\pc4\Pictures\Screenshots\Screenshot 2024-10-26 124443.png"


width="1500" height="1000"\></a>

<center><img src="C:\Users\pc4\Pictures\Screenshots\Screenshot 2024-10-26


125414.png"width="1000" height="500"\>

<center><img src="C:\Users\pc4\Pictures\Screenshots\Screenshot 2024-10-26


124538.png"width="1500" height="1000"\>

</section>

<footer>

<p> department for computer science </p>

</footer>

You might also like