23 lines
962 B
Markdown
23 lines
962 B
Markdown
Basic Layout
|
|
=============
|
|
|
|
Using **HTML** and **CSS**, you are going to construct a skeleton for basic webpage.
|
|
|
|
Create a header positioned absolutely to the top of the page. Use **HTML5** semantics, the `<header>` tag.
|
|
|
|
Put a `h1` tag inside that says something funny.
|
|
|
|
Make a navigation bar, also positioned absolutely, that is colored black. Use **HTML5** semantics, the `<nav>` tag.
|
|
|
|
Add a `list` of links to the navigation bar, colored white. Make working links to any websites you want. Turn off the text decoration so it looks cool.
|
|
|
|
Create a content area of the page, with a 1em margin below the nav bar. It should be 90% of the page width.
|
|
|
|
See if you can make two columns inside, spaced evenly side by side
|
|
|
|
How about 3 columns inside?
|
|
|
|
Make a footer, positioned absolutely at the bottom of the page. Use HTML 5 Semantics.
|
|
|
|
Go into Dev tools and utilize the box model. Are your margins and spacing tight? What happens when you resize your window?
|