Introduction to html
- 1. INTRODUCTION TO HTML Web Design and Development Spring 2013
- 2. Prepare Desktop • Click on the start button and open the following programs: • EditPad Lite • Internet Explorer • Drag your program windows to look like the diagram
- 3. HTML Code • <html> • <head> • <title> this is my first webpage</title> • </head> • <body bgcolor = "blue" text= "yellow" link = "white" vlink = "green"> • <center> • <table width = "800" border = "2"> • <tr> • <td colspan= "2"> • <center> • <h1> Welcome to the world of HTML</h1> • </center> • </td> • </tr>
- 4. HTML Code • <tr> • <td> In this cell is where you will place your text for the paragraph for the graphic in the next column</td> • <td> <Img src = "pict1.jpg"></td> • </tr> • <tr> • <td> <a href = "page2.html">Page 2</a> </td> • <td> <a href = "page3.html"> Page 3</a></td> • </table> • </body> • </html>
- 5. Open your web page • Save the document as: • Index.html • Click on the view in browser button • Your screen should look like this:
- 6. Steps to download images off the Internet 1. Select the image using a search engine 2. Click on the thumbnail to view the original image 3. Right click on the image and select “save image as” 4. Select the folder to save 5. Change the name of the file name 6. Click on save