My First HTML Page
Article ID: KB101439
You can write your own HTML file just by using NotePad or any text editor!
Although many people use editors such as FrontPage or Dreamweaver to create
HTML documents, you can actually write your own HTML in a simple text editor.
You will have to save your file with the ".htm" or ".html" extension in order
to view it in a web browser.
How to:
- Open NotePad or some other simple text editor.
- Type this text:
<html>
<head>
<title>Title of my HTML page</title>
</head>
<body>
This is my first HTML page!
</body>
</html>
- Save the file as "myhtmlpage.htm."
- Open a web browser like Internet Explorer or Netscape.
- Go to File > Open and browse to the page you just created. You will see
something like:
See live example!
Learn:
- Each <...> is a tag.
- Tags are usually English words (like "body") or abbreviations (like
"p" for "paragraph") in between angle brackets.
- An opening tag (or "start" tag) looks like this: <body>.
- A closing tag (or "end" tag) looks like this: </body>.
Closing tags have a forward slash ("/") after the first angle bracket.
- Tags are not case sensitive - <title> and <TITLE> mean the same
thing. However, it's recommended that you use lower case tags.
- Opening and closing tags often come in pairs, like this: <head> ...
</head>. Together, an opening and closing tag, along with everything in
between them, form an HTML element.
- Some HTML elements that make up a page may tell the web browser how
to display the content. For example, <b>Bold text</b> will tell
the browser to bold the text in between the "<b>" and "</b>" tags.
- Other HTML elements provide other information to the web browser.
Some of these are described below...
About the example:
- The example above starts with "<html>" and ends with "</html>." This
tells the web browser that everything in between is an HTML document.
- The HEAD element (<head> ... </head>) contains header
information. This section usually contains information about the document.
This section is usually not displayed in the browser window, although it
contains other information that may help the browser know how to display the
page.
- The TITLE element contains the title of your document. Everything
in between the <title> and </title> is displayed in the title bar of the
browser window.
- The BODY element (<body>...</body>) contains everything that
will be displayed in the browser window.
In the last intro article, we'll talk more about elements and tags...
Was this helpful?
Please rate this article:
Email address: (not required)
(Please provide your email address if you would like PixelMill support to follow-up with you about your comment. You're email address is NOT REQUIRED to submit a comment.)
Comments: (How can we improve this article?)
Clicking "Submit" will not clear this page.
link to this page:
http://www.pixelmill.com/support/al1046/kb101439.htm
permalink to this article:
http://www.pixelmill.com/support/kb101439.htm
Back to top