Introduction to HTML5 and css ,basic structure of html5, various tags and there uses.

on

 Introduction to HTML 5  part-3



Basic Structure of HTML


Purpose of tags : 

  •     <html>  and </html>  : This tag indicates that the document is an html file.
  •      <head>  and  </head> : It indicates <Title> within it , the text within <head> is not displayed on the webpage . This is used for search engin  optimization.
  •  <title> and </title> : This content within this tag is displayed on the title bar.
  •      <body> and </body> : This tag includes all content which is to be developed in the         web   browser .most of the tags are included in this tag.


Structure of Web Page using HTML5 :


The first line on the top , <!DOCTYPE HTML>.is a document type declaration and it lets browser know that the  flavor of  HTML.

This is representation of HTML5 Document structure

Input:

<!DOCTYPE html>

     <html>

        <head>

           <title>Your Website</title>

       </head>

           <body>

               <header>

                  <nav>

                  </nav>

               </header>

                  <section>

                     <article>

                     </article>

                  </section>

                    <aside>

                    </aside>

               <footer>

             </footer>

          </body>

    </html>






<header>:Defines a header for a document or section.

<nav>: Defines a container for  navigation links.

<section>:Defines a section in a document.

<article>:Defines an independent self-contained article.

<aside>:Defines content apart from the content(like a side bar)

<footer>:Defines a footer for a document or a section.

<details>: Defines additional details.








part-4... soon..

Comments

Post a Comment