ET - Software Development Projects

First Web Pages Project

This is for lesson one

Instructions:

Use the code below to make your lesson one. 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 'lesson01' if you missed the lecture.

<!DOCTYPE html>
<!--This is my first web page-->
<html>
    <head>
        <title>My first page with images</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
<!--This is a body tag with an 'inline' sytle change-->
    <body style="background-color:blueviolet;">
        <div>
            <a href="../index.html">Back to Menu</a>
        </div>
        <div>
<!--more Inline style changes here-->
            <h1 style="text-align:center; color: red; font-family: Times New Roman;">Hello World</h1>
            <h2>Hello World</h2>
            <h3>Hello World</h3>
            <h4>Hello World</h4>
<!--more Inline style changes using the RGB color code for the border-color tag-->
            <p style="border-color: #FF0000; border-width: 5px; border-style: solid;">This is a web page yaaaaa</p>
<!-- These are image tags and the src is the source of the file. Use netbeans pallette to place these easily.-->
            <img src="../../img/untitled.bmp" width="300" height="200" alt="fun image"/><br>
            <img src="../../img/untitled3.bmp" width="300" height="200" alt="fun image"/>

        </div>
    </body>
</html>