Scribd
Upload
116 views6 pages

Css Assignment

The document contains 8 code examples demonstrating different CSS styling techniques. The examples style text, headings, lists, tables, forms, and links using properties like font, color, background, padding, border, and more. Inline, internal and external CSS is demonstrated. The last example also uses CSS to style nested lists and apply specific styling to list items using IDs.

Uploaded by

Aditya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
116 views6 pages

Css Assignment

The document contains 8 code examples demonstrating different CSS styling techniques. The examples style text, headings, lists, tables, forms, and links using properties like font, color, background, padding, border, and more. Inline, internal and external CSS is demonstrated. The last example also uses CSS to style nested lists and apply specific styling to list items using IDs.

Uploaded by

Aditya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

CSS ASSIGNMENT

1)
<!DOCTYPE html>
<html>
<head>
<title>Q1</title>
</head>
<body>
<p style="font-size: 20px">
Hello.. My name is james
<br><br>
I am from BBSR
</p>
</body>
</html>

2)
<!DOCTYPE html>
<html>
<head>
<title>Q2</title>
</head>
<body>
<h1 style="padding: 0.5em; border-style: dashed;margin: 0.5em;"><u> About
Me</u></h1>
<br><br>
<h2 style="padding: 0.5em; border-style: dashed;margin:
0.5em;">Hello</h2> <p>My Name is Mites.</p>
<P>I am currently pursuing my B.Tech Degree in Computer Science and Engineering
from ITER College.</P>
</body>
</html>
3)

<!DOCTYPE html>
<html>
<head>
<title>Q3</title>
</head>
<body style="background-image: url(soa.png);">
<h1>INTRODUCTION</h1> <p>Hello
Everyone</p>
<p>My Name is DON</p>
<p>I am currently pursuing my B.Tech Degree in Computer Science and Engineering
from ITER College.
<br><br>
</P>
</body>
</html>

4)
<!DOCTYPE html>
<html>
<head>
<title>Q4</title>
<style type="text/css">
body{
background-image: url(soa.png);
}
h1{
color: blue;
}
a
{
color: blue;
}
a:hover{
color: yellow;
text-decoration: none;
}
</style>
</head>
<body>
<h1>INTRODUCTION</h1>
<p>Hello Everyone</p>
<p>My Name is Sachin</p>
<p>I am currently pursuing my B.Tech Degree in Computer Science and
Engineering from ITER College.
<br><br>
<a href="http://www.sites.google.com/iterclassroom">Click here</a> to go to
my webpage for college...
</P>
</body>
</html>

5) HTML file
<!DOCTYPE
html> <html>
<head>
<title>Q5</title>
<link rel="stylesheet" type="text/css"
href="cssq5_css.css"> </head>
<body>
<form>
<label>User Name:</label>
<input type="text" name="inp1" placeholder="Your Username Here">
<br><br>
<label>Password</label>
<input type="Password" name="inp2"
placeholder="**********"> <br><br>
</form>

</body>
</html>

CSS File
input{
background-color: yellow;
color: red;
}
6)HTML File
<!DOCTYPE html>
<html>
<head>
<title>Q6</title>
<link rel="stylesheet" type="text/css"
href="cssq6_css.css"> </head>
<body>
<h1><u> 8th Semester Course</u></h1>
<ul type="disc">
<li>Web Development</li>
<ul type="none">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<br>
<li>PHP/MySQL</li>
<ul type="none">
<li>PHP</li>
<li>MySQL</li>
</ul>
</ul>
</body>
</html>

CSS File
body{
background-color: yellow;
margin: 0.5em;
font-family: "Comic Sans MS", cursive, sans-serif;
}
7) HTML File
<!DOCTYPE
html> <html>
<head>
<title>Q7</title>
<link rel="stylesheet" type="text/css"
href="cssq7_css.css"> </head>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>

CSS File

table,tr,td{

border: 1px solid red;


border-top-width: 3px;
border-top-color: black;

}
8)HTML FILE
<!DOCTYPE html>
<html>
<head>
<title>Q8</title>
<link rel="stylesheet" type="text/css"
href="cssq8_css.css"> </head>
<body>
<h1>Shopping List for Monday</h1>
<br><br><br>
<ul type="disc" id="test1">
<li>Milk</li>
<li>Bread</li>
<ul type="circe">
<li id="line1">White Bread</li>
<li id="line1">Rye Bread</li>
<li id="line1">Whole Wheat Bread</li>
</ul>
<li>Rice</li>
<li>Potatoes</li>
<li>Pizza with <i>Mushrooms</i></li>
</ul>
<br><br><br>
<a href="https://www.bigbasket.com/">Go to Grocery Store</a>
</body>
</html>
CSS File
h1{
font-family: "Arial Black", Gadget, sans-serif;
}

#test1{
list-style-position: outside;
}

#line1{
text-decoration: underline;
}

You might also like