Your First Web Page in HTML 5

Your First Web Page

Steps :
  • If it is not open already, launch your text editor program.
  • Go to the text editor window.
  • Enter the following text (you do not have to press RETURN at the end of each line; the web browser will word wrap all text):
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">  
  2. <html>  
  3.     <head>  
  4.         <title>My First Web Page</title>  
  5.     </head>  
  6.     <body>  
  7.             HTML5 is a Markup language for structuring and presenting content for the World  
  8.             wide web(www) and a core of the Internet. It is the fifth revision of HTML Standard.  
  9.             Its core aims have been to improve the language with support for the latest multimedia  
  10.             while keeping it easily readable by humans and consistently by computers and devices.  
  11.             HTML5 is intended to subsume not only HTML4 but XHTML 1 and DOM Level 2 HTML as  
  12.             well. ~(Wiki.)  
  13.         </body>  
  14. </html>  
Look where the <title>...</title> tag is located. It is in the <head>...</head> portion and thus will not be visible on the screen. What does it do? The <title> tag is used to uniquely identify each document and is also displayed in the title bar of the browser window. 
  • Save the document as a file called "FirstwebPage.html" and keep it in the "work area" folder/directory you set up for this tutorial. Also, if you are using a word processor program to create your HTML, be sure to save in plain text (or ASCII) format.
Note: For Windows 3.1 users, you must save all of your HTML files with names that end in.HTM, so in this case, your file should be FirstwebPage.HTM. Do not worry! Your web browser is smart enough to know that a file that has a name that ends in.HTM is an HTML file. 
Displaying Your Document in a Web Browser
  1. Return to the web browser window you are using for your "workspace". (If you do not have a second browser window open yet, select New Window or New Browser from the File window.)
  2. Select Open File... from the File menu. (Note: For users of Internet Explorer, click the Browse button to select your file)
  3. Use the dialog box to find and open the file you created, "FirstwebPage.html"
  4. You should now see in the title bar of the workspace window the text "Volcano Web" and in the web page below, the one sentence of <body> text you wrote, "In this lesson.
Congrats !! Your First Web Page has been Done.  Think of a topic for your own web page. Now create your own HTML text file that includes a <title> tag and a few introductory sentences. Save the HTML file and reload it in your web browser. You might want to create a different folder/directory for this file so you do not get it mixed up with all of the volcano pages you will create for this tutorial. Keep this file handy as you will add to it in later lessons.