HTML Tags and Element

It is root tag or root element and Every html code start with html tags.

Head Tag

The metadata of the website should be written with in the head and that is details about a webpage or website.

Body Tag

The content to be display should be written with in the body tag.

Tags

Tag is the basically < keyword > include include with in angular brackets.

Syntax ---- < keyword >

There will be start with start and end angular bracket(<> ---- )

Types of Tags

  • Container tags(paired tags)
  • Non Container tags(Empty tags,unpair tags)

    • Difference Between Container Tags and Non-Container Tags.

    Container Tags

  • 1) We have to close these tags.
  • 2) We have to write opening as well closing tags.
  • 3) They contain same content.
  • 4) E.g html tags, head tag,body tag etc.

    • Non-Container Tags

  • 1) We do not need to close these tags.
  • 2) We only write opening tag.
  • 3) Empty tag ,so no content
  • 4) E.g img tag, br tag, etc

    • Title Tags

  • Title tags is used to provide title to the webpage.
  • It is container tag.
  • The title is display in the brower tag.

    • HTML Element

  • opening tags + Content + Closing tags.

    • < body > ------>opening tags

    I Am body tag {Content} element

    < /body > ----->closing tags

    HTML Attributes

    Attributes is the property of tags.

    We apply property so that tag can be behave in our desired way manner.

    We have to apply attributes in the opening tag because attribute will not work in the closing tag.

    Example : < body style = "background-color : red " >I am body tags < / body >

    HTML Heading Tags..

    < h1 > I am heading.. 1< /h1 > Biggest & most important heading.

    < h2 > I am heading.. 2< /h2 >

    < h3 > I am heading.. 3< /h3 >

    < h4 > I am heading.. 4< /h4 >

    < h5 > I am heading.. 5< /h5>

    < h6 > I am heading.. 6< /h6 > Smallest & least important heading

    Boiler Plate

    Basic structure of html generate using tool and software are for developers for fast coding.

    i - enter (Emmet Tool provide by VS Code)

    About The Heading Tags

    1 In html behave six types of headings.

    2 All heading tags are Container tags.

    3 H1 should be used once in a webpage.

    Note

    Browser will automatacilly add one line break before and after the heading tags.
    Browser cannot view white space so in order to provide space be have tags.