Div, Header, Footer and Main

-

Different Divisions In HTML

Div:

  •     The  Division can be done by <div> tag. Right now the page may look similar with or without        using the div tag, but when we start CSS it will mean a lot.
  •     The  <div> tag has its closing tag as </div>
  •     The div tag is used to make division of a page.

eg:
    
    <div>
        <p>Hi! this is division for example</p>
    </div>


Header:

  • The header division is to be done on head of the webpage.
  • about, contact, main are the information are to be defined in a header tag.
  • The header tag has its closing tag as </header>

    eg:
        <header>
            <p> Hi!, This is Header division</p>
        </header>

Footer:

Footer tag is same like header division tag.
copyright information and other information is to be defined in this section.
Footer tag has its closing section as </footer>

eg:
        <footer>
            <p>Hi! this is footer section</p>
        </footer>


Main:

Main tag is also same as header tag.
All the main information of website is to be defined in this section.
Main content of the website is defined here.
Main tag has its closing tag as </main>

eg:
    <main>
        <p>Hi! This is main tag of webpage</p>
        <p>All the main content will go here.</p>
    </main>

Comments

Post a Comment

Popular posts from this blog

Introduction To HTML

-
HTML - Hyper Text Markup Language HTML is used by  browser to manipulate text, images and other content to display it in required format .  HTML is created by  Tim Berners-Lee .    A HTML file can be created by- Text-Editors (Notepad) Atom Sublime-texts Visual Studio Code eg: Basic HTML document- <!DOCTYPE html>    #defines the type of the document. <html>      #your code start from here.      <head>    #defines head in html          <title> MY WEB PAGE </title>  #Defines the web page name .     </head>    #closing of head.            <body>    #defines the body of a site .                                      <h1> Here is the heading you want to give </h1> ...
Read more

Adding Images in html

-
Adding Images In HTML To add images we use the img tag followed by src attribute. We will discuss about attributes later.       NOTE- img tag doesn't contain a closing tag. Syntax- < img src ="your image URL here" alt ="alt text to display"> In src attribute we give the URL of our image. Writing alt attribute is not necessary. alt attribute text displays if the image fails to load. eg:       <img src="http://imgur.images.ighdhsa67x" alt="the donut in hands"> if the image fails to load due to network issues or something, the alt text "the donut in hands" will be displayed in browser. The images also can be added in lists. they can be added in both ordered and unordered list. For this we only has to give images with <li>......</li> tag. eg:  <ol>                    <li><img src="image URL" alt="alt text"></li>           ...
Read more