장점: 아직까지 오류가 없다

단점: 노가다


html5 3일차 늅


<!DOCTYPE html>
<html lang="en">
    <!--The lang ATTRIBUTE--------------------------------------------------------->
    <!--Reason: https://mygumi.tistory.com/52-->
        <body>

        <h1>Most Important heading</h1>
        <h6> This is heading 6. least important heading</h6> 

        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
        <h3>Heading 3</h3>
        <h4>Heading 4</h4>
        <h5>Heading 5</h5>
        <h6>Heading 6</h6>
        <!-- Heading are IMPORTANT-------------------------------------------------->

        <h1 style="font-size: 60px;">Bigger Heading</h1>
        <!--HEADING-->


        <p>This paragraph
            contains a lot of lines
            in the source code,
            but the browser
            ignores it. 
        </p>

        <p>This paragraph
            contains              a lot of spaces
            in the soure           code,
            but  the      browser
            ignores it.

        </p>
        <h1>This is heading 1</h1>
        <p>This is some text.</p>
        <hr>
        <h2>This is heading 2</h2>
        <p>This is some other text.</p>
        <p>Here a themantic break between "some text" and "heading 2" </p>

        <p>This is a <br> paragraph with a line break.</p>
        <!--HTML Line Breaks-------------------------------------------------------->

        <p>
            My Bonnie lies over the ocean.

            My Bonnie lies over the sea.

            My Bonnies ies over the ocean.

            Oh, bring back my Bonnie to me.
        </p>
        <!--The poem problem-------------------------------------------------------->

        <!--Solution- The HTML <pre> Elemnt----------------------------------------->
        <pre>
            My Bonnie lies over the ocean.
    
            My Bonnie lies over the sea.
    
            My Bonnies ies over the ocean.
    
            Oh, bring back my Bonnie to me.
        </pre>

        <!--PARAGRAPH--------------------------------------------------------------->


        <a href="https://www.w3schools.com">This is a link</a>
        <!--HTML Links, href ATTRIBUTE---------------------------------------------->

        <img src="Attribute.png">
        <!--HTML Img, The src ATTRIBUTE--------------------------------------------->

        <img src="Attribute.png" alt="INDEX" width="880" height="180">
        <!--The width and height ATTRIBUTES----------------------------------------->


        <h1 style="background-color:powderblue;">This is a heading</h1>
        <p style="color: red;">This is a paragraph</p>

        <h1 style="font-family: verdana;">This is heading</h1>
        <p style="font-family: courier;">This is a paragraph</p>

        <h1 style="font-size: 300%;">This is a heading</h1>
        <p style="font-size: 160%;"> This is a paragraph</p>

        <h1 style="text-align: center;">Centered Heading</h1>
        <p style="text-align: center;">Centered paragraph</p>
        <!--The style ATTRIBUTE----------------------------------------------------->

        <!-----------ATTRIBUTE------------------------------------------------------>


        <b>Bold text</b>
        <hr>
        <strong>Important text</strong>
        <hr>
        <i>Italic text</i>
        <hr>
        <em>Emphasized text</em>
        <hr>
        <mark>Marked text</mark>
        <hr>
        <small>Smaller text</small>
        <hr>
        <del>Deleted text</del>
        <hr>
        <ins>Inserted text</ins>
        <hr>
        <sub>Subscript text</sub>
        <hr>
        <sup>Superscript text</sup>

        <p>My favorite color is <del>white</del> black.</p>

        <!--HTML Text Formtting--------------------------------------------------->


        <p>Here is a quote from WWF's Website:</p>

    </body>
</html>

그동안 공부하고 있는거