Scribd
Upload
9 views

Css With HTML

Uploaded by

Anuj Maurya
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
9 views

Css With HTML

Uploaded by

Anuj Maurya
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/ 2

<! Doctype html> <!

-- html ke version ko -->


<html>
<head>
<!-- title ,css, javascript, meta -->
<title>Learn html </title><!-- website ka name jo browser tab par-->
<!-- css (full-form of css ==> cascading style sheet) -->
<!-- three type of css
1)inline css (first priority)
2)internal css(second priority)
3)external css(third priority)

css selectors
five type of selectors
1)tag selector(p,h1,h2,input,label)
2)id selector(#)
3)class selector(.)
4)universal selector(*)
5)psuedo selector(child)
-->
</head>
<body>
<!-- inline css -->
<h1 style="background-color: blue;color:white;">heading 1</h1>
<p style="color:red; background-color: aqua;">Lorem ipsum dolor sit amet
consectetur adipisicing elit.<br>
Non dignissimos vero ratione amet similique molestias <br>
perferendis magni sint doloremque cupiditate beatae fuga quas
pariatur id quidem, culpa laborum aliquam iure.
</p>
<h2 style="background-color: green;color:white;">Heading 2</h2>
<p style="background-color: antiquewhite;color: white;">Lorem ipsum dolor
sit amet consectetur adipisicing elit. Explicabo repellat non optio voluptas,
id, molestias ipsa quia ad veniam incidunt cumque voluptatibus! Sunt et, quam
numquam ea aut officiis laudantium.</p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui quae,
officia repudiandae corrupti est ipsum totam ducimus, itaque alias quod minima
excepturi iusto. Id odio atque, deleniti error asperiores saepe.</p>
<h4>Heading 4</h4>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolor nulla
facilis, animi libero quis voluptas aspernatur at temporibus qui. Ducimus
corrupti beatae culpa reiciendis saepe sunt molestiae placeat blanditiis
nostrum.</p>
<h5>Heading 5</h5>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rerum vitae
possimus eum at hic quae aspernatur, nisi et perspiciatis amet fuga quas,
quidem ex? Ut provident delectus maiores incidunt quaerat.</p>
<h6>Heading 6</h6>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti
tenetur recusandae, rerum quia harum quidem minus amet fuga quisquam repellat
eaque laborum! Quam quaerat nisi esse. Dolores tenetur quasi neque.</p>

</body>
</html>

You might also like