Scribd
Upload
37 views

Website Css

Uploaded by

Dixit Taneja Vlogs
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
37 views

Website Css

Uploaded by

Dixit Taneja Vlogs
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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