The <header> element represents a container for content at the top of the page that stays mostly the same across all pages of the website such as:<\/p>\n\n\n\n
header text for the site name<\/li>
logo or icon<\/li>
login links or forms<\/li>
header for the page title, this would change across the pages<\/li><\/ul>\n\n\n\n
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n <head>\r\n <link rel=\"stylesheet\" href=\"\/style.css\">\r\n <script type=\"text\/javascript\" src=\"\/script.js\"><\/script>\r\n <meta charset=\"UTF-8\">\r\n <meta author=\"Your name here\">\r\n <title>My first webpage<\/title>\r\n <\/head>\r\n <body>\n\r <header>\n This is my website name\n <\/header>\n This is my first web page!\r\n <\/body>\r\n<\/html><\/code><\/pre>\n\n\n\n\n\n\n\n
The <nav> tag defines a set of navigation links.<\/p>\n\n\n\n
Notice that NOT all links of a document should be inside a <nav> element. The <nav> element is intended only for the major block of navigation links.<\/p>\n\n\n\n
Browsers, such as screen readers for disabled users, can use this element to determine whether to omit the initial rendering of this content.<\/p>\n\n\n\n
\n\n\n\n
The <main> tag specifies the main content of a document.<\/p>\n\n\n\n
The content inside the <main> element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.<\/p>\n\n\n\n
\n\n\n\n
The <footer> tag defines a footer for a document or section.<\/p>\n\n\n\n
A <footer> element typically contains:<\/p>\n\n\n\n
authorship information<\/li>
copyright information<\/li>
contact information<\/li>
sitemap<\/li>
back to the top links<\/li>
related documents<\/li><\/ul>\n\n\n\n\n\n\n\n
The <div> tag defines a division or a section in an HTML document.<\/p>\n\n\n\n
The <div> tag is used as a container for HTML elements \u2013 which is then styled with CSS or manipulated with JavaScript.<\/p>\n\n\n\n
The <div> tag is easily styled by using the class or id attribute.<\/p>\n\n\n\n
Any sort of content can be put inside the <div> tag!<\/p>\n\n\n\n
Note: By default, browsers always place a line break before and after the <div> element.<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <link rel=\"stylesheet\" href=\"\/style.css\">\n <script type=\"text\/javascript\" src=\"\/script.js\"><\/script>\n <meta charset=\"UTF-8\">\n <meta author=\"Your name here\">\n <title>My first webpage<\/title>\n <\/head>\n <body>\n <nav>The menu will go here<\/nav>\n <main>\n This is the main part of the page.\n <\/main>\n <footer>\n This is the footer.\n <\/footer>\n <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Example output after adding nav, header, main and footer<\/figcaption><\/figure><\/div>\n\n\n\n
![\"Example](\"https:\/\/blogs.glowscotland.org.uk\/es\/public\/software\/uploads\/sites\/4063\/2023\/03\/08122007\/html2.png\")