How To Build Your First Webpage 


If you are running Windows, start Notepad. 

If you are on a Mac, start SimpleText. 

In OSX start TextEdit and change the following preferences: Open the "Format" menu and select "Plain text" instead of "Rich text". Then open the "Preferences" window under the "Text Edit" menu and select "Ignore rich text commands in HTML files". Your HTML code will probably not work if you do not change the preferences above! 

Type or copy the following text: 

<html> 
<head> 
<title>Title of page</title> 
</head> 
<body> 
This is my first homepage. <b>This text is bold</b> 
</body> 
</html> 


Save the file as "mypage.html". 

Start your Internet browser. Select "Open" (or "Open Page") in the File menu of your browser. A dialog box will appear. Select "Browse" (or "Choose File") and locate the HTML file you just created - "mypage.html" - select it and click "Open". Now you should see an address in the dialog box, for example "C:\MyDocuments\mypage.html". Click OK, and the browser will display the page. 


-------------------------------------------------------------------------------- 

Example Explained 

The first tag in your HTML document is <html>. This tag tells your browser that this is the start of an HTML document. The last tag in your document is </html>. This tag tells your browser that this is the end of the HTML document. 

The text between the <head> tag and the </head> tag is header information. Header information is not displayed in the browser window. 

The text between the <title> tags is the title of your document. The title is displayed in your browser's caption. 

The text between the <body> tags is the text that will be displayed in your browser. 

The text between the <b> and </b> tags will be displayed in a bold font. 

To learn more codes to add to your website click on our other HTML tutorials. 

For more imformation you could also check out w3schools.com