We’re going to add a little more organization to our page. You’ve probably heard of headers and footers. These are both part of the body of your code. The header goes at the top of your webpage, while the head HTML tag goes at the top of your code. The head, remember, contains your secret thoughts you keep to yourself. The header, on the other hand, might be a banner. It will often include a company’s logo and a menu.
The footer goes at the bottom of the website page. It often includes contact and copyright information. Today we’ll just set it up. Soon we’ll add that navigation menu and the little copyright symbol.
<html>
<head>
<title>Lesson 6</title>
</head>
<body>
<header>
<h1>Logo Image and Company Name and Snazzy Menu</h1>
</header>
<ol>
<li>first item</li>
<li>second item</li>
</ol>
<p>Important information about us</p>
<footer>
<ul>
<li>Phone Number</li>
<li>Address</li>
</ul>
</footer>
</body>
</html>
Test it out and give it a try in your browser.
Watch the video and see what the code does.