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):
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
- <html>
- <head>
- <title>My First Web Page</title>
- </head>
- <body>
- HTML5 is a Markup language for structuring and presenting content for the World
- wide web(www) and a core of the Internet. It is the fifth revision of HTML Standard.
- Its core aims have been to improve the language with support for the latest multimedia
- while keeping it easily readable by humans and consistently by computers and devices.
- HTML5 is intended to subsume not only HTML4 but XHTML 1 and DOM Level 2 HTML as
- well. ~(Wiki.)
- </body>
- </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
- 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.)
- Select Open File... from the File menu.
(Note: For users of Internet Explorer, click the Browse button to select
your file)
- Use the dialog box to find and open the
file you created, "FirstwebPage.html"
- 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.