HTML-and-JavaScript/HTML_second.html at main · skn1998/HTML-and-JavaScript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!--HTML is all about tags and attributes. meta, html, head, body, etc are tage whereas charset is an attribute of meta-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Heading and Paragraph tag</title>
</head>
<body>
    <!--Heading tag-->
    <h1>Heading</h1>
    <h2>Heading</h2>
    <h3>Heading</h3>
    <h4>Heading</h4>
    <h5>Heading</h5>
    <h6>Heading</h6>

    <!--Paragrph tag-->
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae dolore eius molestias ullam itaque nulla incidunt porro dignissimos animi nemo illum quos delectus odit at quas, reprehenderit maiores possimus iusto! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Amet delectus voluptate, eos pariatur officia dicta ad doloremque reiciendis? Quisquam omnis atque recusandae id animi. Temporibus est amet consequatur voluptatem sed!</p>

    <!--Some other useful tags-->
    <p>Lorem ipsum dolor <strong>This is strong tag</strong> sit amet consectetur, adipisicing elit. Labore mollitia porro hic voluptas earum possimus harum dolores <em>This is emphesis tag</em> suscipit dignissimos deleniti rem iste perferendis maiores asperiores, tenetur officiis odio veniam at maxime eum obcaecati pariatur odit! Facilis animi asperiores nobis consectetur.</p>

    <!--Some self closing tags break and horinontal rule-->
    <p>Lorem ipsum dolor sit, amet consectetur <br> adipisicing elit. Voluptas vitae quo obcaecati cum illo, laborum non ipsa necessitatibus, <hr> corrupti hic, eveniet debitis aspernatur magnam ullam provident facere perspiciatis quis repudiandae?</p>
</body>
</html>