Sample Web Page

Free Web space and hosting from freehomepage.com

HOME
BASIC TUTORIAL
What is Html?
Sample Web Page
Basic Tags
Character Entities
Html Links Tables
Lists
Forms
Images
Backgrounds
APPENDIX
Html Tag List

Sample Web Page

Want to try your hand at using html? Then follow the following instructions:
1.Open a word processor application, such as Word, Notepad, Appleworks, etc.
2.Type in the following text:

<html>
<head>
<title>My First Web Page</title>
</head>
<body>
This is my first web page. This text is bold.
</body>
</html>

3.Save the file as “mypage.htm”, making sure that it is a text document.
4.Open your internet browser (Explorer, Netscape) and select “Open” (or “Open File”) from the File menu.
5.Select “Browse” (if on Windows) and select your file.
6.Click “Open” and the file will appear on your browser.
To see what your page should look like, click here.

Html tags (<html>, <title>, etc.) are contained within < and >, and are called elements (we’ll call them tags throughoutmost of this tutorial). This is an html element:

This text is bold.

Almost all tags have three parts, a start tag, content, and end tag. The start tag is the start of the html element. is a start tag. The content of element is whatever is between the start tag and end tags. “This text is bold” is the content of the above element. The end tag is the end of the html element. It always starts with a /, and comes after the content. is an end tag.
This file has many of the basic tags, and a few extras. <html> is the first tag on all html documents. It tells your browser that it is the start of an html web page. Notice that its end tag, </html>, is always at the end of the document, signaling the end of the web page.
The <head> and </head> tags contain the information that goes in the header. Most of this information is not displayed by your browser.
The <title> and </title> tags contain the part of the title of the web page. It is displayed at the top of the browser window. You do not always need the <head> and <title> tags, but they are recommended.
The <body> and </body> tags define the main part of the page. The body is where the text, images, and everything else is displayed. It is the actual page that you see.
The and tags define a bold font. Everything between them will be displayed in bold.
Many tags can have attributes. An attribute provides extra information about the element. bgcolor=” ” is an attribute for the tag <body>. It tells the browser what the background color of the body should be. Most attributes are name/value pairs, meaning that they look like this: name=”value”. Attributes are always added to the start tag.
Click on “next” to learn about some basic tags used in html.

Much of what I learned to create this tutorial I found on www.w3schools.com.
Back to Top
Lewisville Middle School-2003