course-work/tellers-html
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
William Mantly 2015-07-27 15:58:54 -04:00
parent 2ab6c34115
commit 45e225ef68
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
exercises/1-basic-layout/README.md
View File

@ -1,15 +1,15 @@
Basic Layout
=============
Using HTML and CSS, you are going to construct a skeleton for basic webpage.
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 HTML 5 semantics, the `<header>` tag.
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.
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.
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.
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.
@ -19,4 +19,4 @@ 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?
Go into Dev tools and utilize the box model. Are your margins and spacing tight? What happens when you resize your window?