CSS-Notes-CODES/Level1_3.html at main · SHROUDSOURAV/CSS-Notes-CODES · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Learning CSS Level 1</title>
    <link rel = "stylesheet" href = "./Level1_3.css">
</head>
<body>
    <!-- learning about text-align using CSS -->
    <h1>Heading</h1>    <!-- text-decoration applied on the heading checkout style3.css file for more information ... -->
    <h2>Heading</h2>

    <!-- here span tag is used for semantics i.e dividing the paragraph into various parts for css styling later -->
    <p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident quae cum beatae maxime dolore ad quaerat numquam nobis, minima quod possimus consequuntur consectetur quia molestiae voluptatibus quis fugiat! At, culpa?</span><span>Et ipsum inventore aliquam fuga ratione obcaecati modi. Veritatis expedita delectus facere iste sunt veniam at necessitatibus placeat, architecto minus vero ducimus ratione, unde commodi tempore eveniet modi nam consequuntur?</span><span>Error assumenda nobis voluptas pariatur laudantium quos fugit dicta laborum delectus ipsum, ad quis quod cumque explicabo officiis dolore maiores, aliquid id quibusdam? Rem, voluptatem qui. Obcaecati mollitia tempore illo.</span><span>Hic sunt vitae nobis a illo quia debitis, ratione eligendi, animi doloremque tenetur ut recusandae quidem accusamus perferendis, itaque officiis cumque commodi? Nam provident facilis quo! Sunt dignissimos sed qui!</span><span>Veniam voluptatem exercitationem enim aliquam deserunt est illo tempore, doloremque similique facere vero rerum quo saepe neque dolores minus recusandae consectetur qui itaque nisi repellat fuga error placeat. Vel, officia?</span><span>Nisi ducimus, labore adipisci perspiciatis suscipit officiis sapiente dolorem voluptatibus veritatis atque laudantium quo nihil illum consequatur corporis optio excepturi delectus iste dolorum porro. Fugiat vel necessitatibus provident esse deserunt!</span><span>Repudiandae aut qui pariatur soluta, itaque officia maiores, molestiae numquam, aspernatur ipsum expedita explicabo! Soluta nam similique nemo perspiciatis minima aut non optio! Iste eaque corrupti nobis. Magni, obcaecati qui!</span><span>Mollitia, quas magnam. Ab sed et at. Dolorum error est sunt ipsam, eveniet, inventore quas ea tempora ullam nemo impedit beatae praesentium accusantium animi dolorem harum vitae voluptate optio dicta!</span><span>Unde, ratione! Iure dolor dolorum eligendi alias accusantium placeat voluptatum magnam quaerat quod accusamus reprehenderit distinctio tempora modi odio repellat, nobis molestias, nihil ut, esse saepe non veniam ex laboriosam.</span><span>A veritatis eaque minus non nostrum ducimus ab sunt dolor suscipit aliquam. Mollitia dolores dolore odio dignissimos aliquid facilis beatae! Fugiat magnam, repudiandae alias expedita repellendus laudantium rerum iste nihil!</span></p>

    <br>
    <!-- in anchor tag links have underline ... to know how to remove them checkout the style3.css file for more information -->
    <!-- check styles.css where the underline is removed using css properties -->
    <a href = "https://www.google.com">Click me</a>

</body>
</html>