1 / 14

Making Your Own Simple Webpage On Notepad

Making Your Own Simple Webpage On Notepad. Step 1. Open Notepad and type: <html>. Step 2. Now leave a line clear and type: <head> <title> PUT THE TITLE OF YOUR WEBSITE HERE </title> </head>. Step 3. Now we want to add a background colour, you

aimon
Download Presentation

Making Your Own Simple Webpage On Notepad

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Making Your Own Simple Webpage On Notepad

  2. Step 1 Open Notepad and type: <html>

  3. Step 2 Now leave a line clear and type: <head> <title>PUT THE TITLE OF YOUR WEBSITE HERE</title> </head>

  4. Step 3 Now we want to add a background colour, you need a code for this so type the address into your browser and select a code. Once you have got the code paste it where I say ‘PUT CODE HERE’. It must have a # and the speech marks. http://html-color-codes.info/

  5. Step 4 In your HTML document leave another line clear and then type: <body bgcolor="#PUT CODE HERE"><center>

  6. Step 5 Underneath that type: <h1>PUT THE TITLE OF YOUR WEBSITE HERE</h1>

  7. Step 6 Now we put in the text, type this: <p> PUT YOUR TEXT HERE </p>

  8. Step 7 If we want to now we can place an image in our webpage. To get your image you would find the image, right click and select ‘Properties’. Copy the Location and paste it where I say PUT LOCATION HERE.

  9. Step 8 Back in your HTML document type: <imgsrc=“PUT LOCATION HERE“ width=“CHOOSE A WIDTH” height=“CHOOSE A HEIGHT"/>

  10. Step 9 If you wanted to after the image you can enter more text by typing: <br> <h2>TYPE YOUR SUBHEADING</h2> <p>TYPE YOUR TEXT</p>

  11. Step 9 To finish we type: </center></body> </html>

  12. Step 10 Now save your file and where it says ‘Save as Type’ select All Files. Your file name MUST end with .htm

  13. Step 11 Finally to view your webpage open your browser and in the top left corner select ‘Open’. And then ‘Open File’. Open your file and admire your work. Simple isn’t it?

  14. My Webpage

More Related