Hung Son's blog

Blogger them v1.1

Hung Son's photo
Hung Son
·

1 min read

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<!-- This line declare the document is in HTML5  -->
<html lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'
    xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<!--You can declare language of the html document  -->

<head>
    <title>document</title>

    <b:skin>
        <![CDATA[

        /* Custom CSS code goes here... */ body { font-family: Open Sans
       !important ; margin: 0; padding: 0; } .footer { background-color: #333;
       color: #fff; text-align: center; padding: 1rem; margin-top: 20px; } 

    ]]>
    </b:skin>
</head><!-- Head tag close -->
<!-- body Tag start, contain body items -->

<body>
    <h2>hello!</h2>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no' />
    <!-- Main navigation in the header section, you can use header tag can directly use nav tag -->
    <header>
        <nav>Navigational Item here like menu.</nav>
    </header>
    <!-- main item of the page will start with main tag, this tag doesn't include aside or sidebar elements. -->
    <main>
        <!-- article tag gives signal to search engine about the main article. -->
        <article>
            <header>
                <h1>Heading of the content</h1>
            </header>
            <h2>Add a subheading</h2>
            <!-- Add media, content etc -->
        </article>
    </main>
    <!-- aside will start just after main element, this tag use for sidebar elements. -->
    <aside>
        sidebar element goes here
    </aside>
    <!-- after aside tag, use footer tags to define footer items in a page. -->
    <footer>
        footer section of the website
    </footer>
</body>

</html>