Your first HTML Site.

 

 

 

  1. Create a new folder in your student folder (option click to right click) name it HTML
  2. Make a second folder name it LastnameHTML (don’t use any spaces)
  3. Open note pad – save file as lastname.html

  4. <html>

                <head>

                            <title> Welcome to my webpage> </title>

                </head>

     

    </html>
     
    Start typing code – note the computer does not read the spaces, it just makes it easier for you too proof your code for errors later. Use the tab key.

 

 

 

 

 

 

 

 

 

 

 

 

  1. Save your file and test it – open internet explorer> File > Open > Browse for you file.

.          -Note you won’t see your page if you forgot to save it as .html.

  1. <html>

                <head>

                            <title> Welcome to my webpage> </title>

                </head>

               

                <body>

                            <h2>Welcome to Ms. Lang’s website</h2>

                </body>

     

    </html>

     
     
    Now add some text to your page.

 

 

 

 

 

 

 

 

 

 

 

 

                                                                                                                            

 

 

  1. Experiment!

Open Tag

Close Tag if needed

What it does

<hr>

 

Adds a line to the page

<br>

 

Puts the cursor one line down

<p>

 

Makes a new paragraph

<b>

</b>

Bold

<u>

</u>

Underline

<i>

</i>

Italic

<pre>

<pre>

Will keep your spacing and line breaks try it!