Scribd
Upload
33 views

HTML + CSS Code Byself

This document contains HTML code and comments for styling elements with CSS. It includes examples of using internal, external, and inline CSS to style headings, paragraphs, divs and other elements with properties like color, background, border, text formatting and shadows. Nested div elements are used to demonstrate the parent-child relationship in HTML and CSS.

Uploaded by

kritikaaroara999
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
33 views

HTML + CSS Code Byself

This document contains HTML code and comments for styling elements with CSS. It includes examples of using internal, external, and inline CSS to style headings, paragraphs, divs and other elements with properties like color, background, border, text formatting and shadows. Nested div elements are used to demonstrate the parent-child relationship in HTML and CSS.

Uploaded by

kritikaaroara999
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>

<!-- <link rel="preconnect" href="https://fonts.gstatic.com">


<link href="https://fonts.googleapis.com/css2?
family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&family=Rale
way:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&displa
y=swap" rel="stylesheet"> -->

<!--Stylesheet-->
<!--External CSS-->
<!--<link rel="stylesheet" type="text/css" href="style.css"> -->
<!--Internal CSS-->
<!--<style>
p{
color: blue;
}
</style>-->
<!--Inline CSS-->
<!--<body>
<p>Paragraph 1</p>
<hr>
<p style="color: chartreuse;">Paragraph 2</p>
<hr>
<p>Paragraph 3</p>
<hr>
</body>-->
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>
<!-- Background
<h1 id="h" class="green-text">Heading of CSS</h1>
<p>Paragraph 1</p>
<p class="green-text">Paragraph 2</p>
<p id="p3">Paragraph 3</p>
<p>Paragraph 4</p>
<p class="green-text">Paragraph 5</p> -->

<!-- <div id="bg">


<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi ab nobis nemo.
</p>
</div> -->
<!-- Border
<div id="Border">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Exercitationem excepturi rem natus perspiciatis,
atque quidem beatae non inventore aspernatur earum harum perferendis ipsum autem explicabo dolore velit rerum.

</div> -->
<!-- <div class="div1" id="colsp">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quas hic aspernatur reiciendis commodi
delectus temporibus qui recusandae eum nulla, eos velit rem corrupti explicabo magni in adipisci enim minus aperiam,
harum sed. Recusandae hic.
</p>

</div>
<div class="div1" id="marg">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quas hic aspernatur reiciendis commodi
delectus temporibus qui recusandae eum nulla, eos velit rem corrupti explicabo magni in adipisci enim minus aperiam,
harum sed. Recusandae hic.
</p>

</div> -->
<!-- <div id="text">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quas hic aspernatur
reiciendisghhjvkgkgvlvkygkgkyvky commodi delectus temporibus qui recusandae eum nulla, eos velit rem corrupti
explicabo magni in adipisci enim minus aperiam, harum sed. Recusandae hic.
</p>

</div> -->
<!-- <p id="shadow">Lorem Ipsum</p> -->
<!-- <p id="text">
Lorem Ipsum
</p> -->
<!-- <a href="https://www.boohoo.com/">boohoo</a> -->
<!-- <h1>Heading</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus voluptatem eligendi veritatis totam
provident at! Enim, cum labore commodi, repudiandae quibusdam dolorum ipsa, architecto alias nam nemo expedita
voluptate libero.</p> -->

<div id="Parent">
<p>
This is parent text
</p>
<div id="Child">
<p>
This is child text
</p>
</div>

</div>
</body>
</html>

You might also like