Two Column Layout And Vertical Menu Tutorial
Create Shell HTML and CSS Files
Lesson 1
Two Column Layout And Vertical Menu Tutorial
Create Shell HTML and CSS Files
Lesson 1
In this lesson you create the HTML and CSS file for the tutorial. You will create the most basic shell for the HTML and style the background color of the page.
The finished page may not be much to look at. It will however allow you to confirm all your code is in place. In particular you should see a silver gray background and a line of text.
Get Skills to Work on Websites in 30 Days
Start today with easy to learn courses that quicky build your website skills!
The line of text uses the default web browser font. This default font is usually a serif font, black and 16px in size.
Completed Lesson In Web Browser
Exercise Steps
Step 1: Create the index.html file in your practice folder. Include the following HTML, then save.
HTML Source Code
This is the index.html file.
The background-color property is used to style the body element.
Step 2: Create the site.css file in your practice folder. Include the following CSS, then save.