HTML and CSS Reference
In-Depth Information
Figure 2-5
Inspecting the <header> element with the Chrome developer tools.
In your wireframes, your header contained two other elements: a logo and some navigation. You will look at adding
the navigation in a moment, but first let's focus on the logo. For the logo, you will use a
<div>
element with the ID
logo
.
The code for this exercise can be found in folder 4.
1.
Open the
index.html
and
about.html
files in your text editor.
2.
Add a new
<div>
element for the logo to each template. This should be placed within the
<header>
ele-
ment you just added.
<div id="container">
<!-- Header -->