HEADER TAGAngela Monte; Web Design, Pollock
Header Tag FunctionSectionHeading:h1-h6
Header Tag Example   <!DOCTYPE html>   <html>   <body>   <header>   <h1>This is under the header</h1>   <p>And this ...
Header Tag in Browser
Is this an issue?   Confused between Head     Tag and Header Tag?             I am..
Difference from Head Tag <html> element (whole web page) <head> element (not displayed) <body> element (displayed) dis...
Head Tag Example
Things to be Noted   No-No’s     <footer>      <header> </header>      <footer>     <address>      <header> </header>  ...
HEADER TAGThe End
Header tag
Upcoming SlideShare
Loading in...5
×

Header tag

107

Published on

Pecha Kucha on Header Tag

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
107
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Header tag

  1. 1. HEADER TAGAngela Monte; Web Design, Pollock
  2. 2. Header Tag FunctionSectionHeading:h1-h6
  3. 3. Header Tag Example <!DOCTYPE html> <html> <body> <header> <h1>This is under the header</h1> <p>And this is other stuff it can introduce</p> </header> <p>More Stuff</p> </body> </html>
  4. 4. Header Tag in Browser
  5. 5. Is this an issue? Confused between Head Tag and Header Tag?  I am..
  6. 6. Difference from Head Tag <html> element (whole web page) <head> element (not displayed) <body> element (displayed) displayed header content displayed main content displayed footer content
  7. 7. Head Tag Example
  8. 8. Things to be Noted No-No’s  <footer> <header> </header> <footer>  <address> <header> </header>  <header> <header> </header>  Does not introduce a new section
  9. 9. HEADER TAGThe End
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×