Scribd
Upload
12 views3 pages

HTML Css Notes 4

This document is an HTML practice page that includes various elements such as headings, paragraphs, lists, and a button. It demonstrates the use of CSS for styling different components like headers, lists, and buttons. The page also contains a footer and a link to Twitter.

Uploaded by

amankoli1206
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
12 views3 pages

HTML Css Notes 4

This document is an HTML practice page that includes various elements such as headings, paragraphs, lists, and a button. It demonstrates the use of CSS for styling different components like headers, lists, and buttons. The page also contains a footer and a link to Twitter.

Uploaded by

amankoli1206
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

HTML CSS Notes 4

<html>
<head>
<title>HTML Practice Page</title>
<meta>
</head>
<style>
#header{
font: bold;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-seri
f;
}
#subhead{
color: rgb(135, 66, 181);
}
.paro{
font-size: 18px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Luci
da Sans Unicode', Geneva, Verdana, sans-serif;
}
.list{
color: rgb(4, 147, 99);
}
#order{
font-weight: bold;
color: rgb(236, 148, 40);
}
#butt{
background-color: lightpink;
border-radius: 9px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-weight: bold;
}

HTML CSS Notes 4 1


.foot{
text-align: center;
font-size: 14px;
color: rgb(101, 100, 100);
}
</style>
<body>
<h1 id="header">HTML Practice Page</h1>

<h3 id="subhead">Let's Practice</h3>

<p class="paro"><b><strong><i><em>Lorem ipsum dolor sit amet cons


ectetur adipisicing elit. Cupiditate in cum quibusdam nemo aperiam explicabo
beatae. Odit ab praesentium aspernatur. Totam quo eveniet recusandae quisq
uam incidunt facere ducimus voluptatem ab.</em></i></strong></b></p>

<br>

<hr>
<pre>
My Name is Aman koli
I am learning HTML5 and CSS3
I love coding because it is not boring
Making websites are not cool
</pre>

<ul class="list">
<li>Panner</li>
<li>Peas</li>
<li>Cream</li>
<li>Masala</li>
</ul>

<ol id="order">
<li>Aman koli</li>
<li>Apple kadam</li>

HTML CSS Notes 4 2


<li>Raj Rasal</li>
</ol>
<a href="[Link]
<div>
This is a span
<span style="color: cadetblue; font-size: 20px;">
element inside a div.
</span>
</div>

<button id="butt">Submit</button>

<footer class="foot">All right are reserved ©</footer>


</body>
</html>

HTML CSS Notes 4 3

You might also like