ET - Software Development Projects

First Web Pages Project

Instructions:

Use the code below to make your main page. This is the starter code for the first lessons in our week one web pages.
This code should be copied and pasted into your html file at the top level called 'index' if you missed the lecture.

<!DOCTYPE html>
<!--This is my main page that will link to all other pages (I am david)-->
<html>
    <head>
        <title>Software Development Main Page</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--This is our first internal style script opposed to the inline style scripts on lesson one-->
        <style type="text/css">
            body {
                background-color: yellow;
                width: 800px;
/*   The next two commands center the body*/
                margin-left: auto;
                margin-right: auto;
            }
            h1 {
                color: #03F;
                text-align: center;
            }
            a {
                color: green;
                font-size: 25px;
            }
        </style>
    </head>
<!--This is the main body where all the text and other items will go-->
    <body>
        <div>
            <h1>Welcome to my Main Page</h1>
            <h3>Click on a lesson to explore.</h3>
<!--We will use an unordered list to organize our menu of lessons.-->
            <a href="weekOne/lesson01.html">Lesson One</a>
            <a href="weekOne/lesson02.html">Lesson Two</a>
        </div>
    </body>
</html>