Skip to main content

Chapter 6 : HTML 5 – Header Element

 


HTML 5 – Header Element

 

The <header> element is the block level element which I have discussed in my previous article for what is block level elements.

 

The <header> HTML 5 element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements.

 

These are the Following Uses of Header Element

  1. The header tag contains information related to the title and heading of the related content.
  2.  Main use of <header> in HTML 5 for creating header of websites
  3. Design Logo, Navigations and Headings thorough header.
  4. We can use several <header> elements in one document.
  5. The <header> element is intended to usually contain the section’s heading h1 to h6
  6. The <header> element can also be used to wrap a section’s table of contents, a search form, or any relevant logos.
  7. The <header> tag is a HTML5’s tag and it requires a starting tag as well as an end tag.

 

Syntax

<header>  -----   </header>

 

Example 1.1

            <!DOCTYPE html>

<html>

<head>

            <meta charset="utf-8">

            <title>Example Header</title>

</head>

<body>

             <header>

                        <h1>LOGO NAME</h1>

                        <a href="">Home</a>

                        <a href="">About</a>

                        <a href="">Services</a>

                        <a href="">Contact</a>

            </header>

 </body>

</html>

 

Result


Example 1.2

<article>

  <header>

    <h1>Heading H1 </h1>

    <h2>Heading H2 </h2>

    <h3>Heading H3 </h3>

    <h4>Heading H4 </h4>

    <h5>Heading H5 </h5>

    <h6>Heading H6 </h6>

    <p>Posted by Coders Zilla</p>

    <p>Some additional information here</p>

  </header>

  <p>Lorem Ipsum dolor set amet....</p>

</article>

 

Result




 

Comments

Post a Comment

Popular posts from this blog

Chapter 3 : HTML Editors

What are HTML Editors? Editors is where we write our code. Whether it is HTML, PHP or any other language like that (JavaScript, jQuery, Ajax XML, Java etc.) These are the following editors. 1.      Note Pad Notepad is a simple text editor for Microsoft Windows and a basic text-editing program which enables computer users to create documents. And all Computers have notepad. 2.      Note Pad ++ Notepad++ is a text and source code editor for use with Microsoft Windows. It supports tabbed editing, which allows working with multiple open files in a single window. It’s advance version of Notepad. 3.      Sublime Text Editor Sublime Text  is a sophisticated text  editor  for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance. It natively supports many programming languages and markup languages, and functions can be added by users w...
Post a Comment
Read more

Chapter 2 : Structure of HTML

What is the structure of HTML ? The structure of HTML is just like our body. Such as our head, body and foot. HEAD is the first tag of HTML , where we keep styles, fonts, scripts etc. After that body section, where we write all codes, which appear in the browser . But head don’t appear any codes in the browser. It run in background. After that footer section. For Example: Code: < !DOCTYPE  html > < html > < head > <! --- we can write scripts here ---> < title > Page Title < /title > < /head > < body > <! --- we can write all the codes here ---> < h1 > My First Heading < /h1 > < p > My first paragraph. < /p > < /body > < /html > Diagram:
Post a Comment
Read more

How to get a job after 12th without any investment.

 https://coderszilla.com/how-to-get-a-job-after-12th-without-any-investment/ Hello friends, Today I am going to tell you about some such skills in which you can earn from   10 thousand   to   1 lakh   per month. And These skills are available on YouTube and Google. Now a days all are have a smart phone you can start watching videos form your phone and after that purchase a laptop for work practice. So, make your career in IT Industry without any Highest Degree Like that   B.C.A. ,   M.C.A.   or   B.Tech.   Actually, my moto is to write this article who belongs to poor or middle family and he can’t pay highest money to done   B.Tech.   or any other highest courses. So, they can learn these skills and build your career in IT Industry. Digital Marketing  (SEO, SMO etc.) Graphic Designing ( UX Designer) Video Editing Graphics And Animation Front-end Developer Backend Developer Full-Stack Developer Blogger or Content Creator...
Post a Comment
Read more