colours.html

<!DOCTYPE html>
<html lang="en">
<head>


    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">   <!-- We can link a separate CSS file here for styling. It is often preferred to separate HTML and CSS for cleaner code and easier maintenance. -->
    <style>
            body {
                color: rgb(24, 24, 24);
            } 
    </style>   <!-- This is how we can add internal CSS directly in the HTML file. It overrides any external CSS file if both are present and target the same elements. -->
    <title>Document</title>


</head>
<body>
    <h1>Formatting</h1>

    <h3 style="                       
    text-align: left;
    background-color: rgba(165, 42, 42, 0.5);    
    "
    >These are the tags discussed:
    </h3>    <!-- style is an attribute of heading element -->
    <!-- in rgba, a is the opacity factor -->

    <p>
        <blockquote cite="Swarnjeet"> Lets see what is HTML </blockquote> 
        <!-- blockquote and cite are used for better rankings and the functions follow suit their names -->
        
        <abbr title="Hyper text Mark-up language" > HTML </abbr>
        <!-- this will show the full-form of HTML when the cursor hovers over -->


        <address> You may contact author at:
                <a href="mailto:swarnjeet@gmail.com">swarnjeet@gmail.com</a> 
                <br/>
                <a href="tel:+91- 9988776655">+91-9988776655</a>
        </address>
    </p>

   
</body>
</html>