HTML and CSS Reference
In-Depth Information
Update your Starbuzz HTML
Let's go ahead and add these new elements to your Starbuzz HTML, starting with the <header> ,
<footer> , and <aside> elements. We'll come back and look at the <section> element in a bit, but
for now you can just leave the drinks and main content <div> s as they are. Go ahead and open up the
Starbuzz “index.html” file and make the following changes:
Add the header element
Start by replacing the <div id="header"> with a <header> element. Like this:
<div id="header">
<img id="headerLogo"
src="images/headerLogo.gif" alt="Starbuzz Coffee logo image">
<img id="headerSlogan"
src="images/headerSlogan.gif" alt="Providing all the...">
Add the footer element
Do the same for the <div id="footer"> , only replace it with a <footer> element:
<div id="footer">
&copy; 2012, Starbuzz Coffee
All trademarks and registered trademarks appearing on
this site are the property of their respective owners.
Change the sidebar to an aside
Now let's change the “sidebar” <div> to an <aside> element:
<div id="sidebar">
<p class="beanheading">
<img src="images/bag.gif" alt="Bean Machine bag">
Search WWH ::

Custom Search