How to Make a Page in HTML
Hypertext Markup Language (HTML) is the fundamental language used for creating web pages and websites on the Internet. The language is written in the form of HTML elements defined by opening and closing tags enclosed in angle brackets (e.g., <HTML>). Writing HTML code can be done using an HTML editor or any text processing software like Notepad. HTML is read and formatted using an Internet Web browser. The language is not as difficult as traditional computer languages, thus is easy to grasp, learn and apply quickly.
Other People Are Reading
Instructions
-
-
1
Open Notepad.
-
2
Declare a "DOCTYPE" declaration at the top of your HTML page in Notepad. Declaring a DOCTYPE at the top of your HTML page tells the web browser the version of the HTML language you are using and how to format and display the page.
Your code should now look like:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-
-
3
Type your HTML tags at the top of Notepad. Type the opening <html> and the closing </html> tags. Tells the web browser that this is indeed and html page and reads it as so. This goes below your "DOCTYPE" declaration code.
Your code should now look like:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
</html>
-
4
Type your Head tags at the top of Notepad. Type your opening <head> and closing </head> tags. Information between the Head tags is usually read by a web browser first, such as programming scripts and additional information about the web page. Place them between your <html> tags.
Your code should look like:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
</html>
-
5
Type your web page's opening <title> and closing </title> tags. Place them between the <head> tags. The title tags define your web page's title.
Your code should look like:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>My HTML Page</title>
</head>
</html>
-
6
Type your web page's opening <body> and closing </body> tags. Body tags define the body of your web page. Place them between the closing </head> and closing </html> tags.
Your code should now look like:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>My HTML Page</title>
</head>
<body>
</body>
</html>
-
7
Type an opening <h1> and a closing </h1> tag. You use these tags to define a Header in your Web page. Place them between your <body> tags. Type "Welcome to my web page" in between the two H1 tags.
Your code should now look like:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>My HTML Page</title>
</head>
<body>
<h1>Welcome to my Web Page</h1>
</body>
</html>
-
8
Type an opening <p> and a closing </p> tags in the body of the web page. You use the P tag to define a paragraph in your web page. Place the P tags below your H1 tags and between your HTML body tags. Type "This is my first paragraph" in between the P tags.
Your code should look like:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>My HTML Page</title>
</head>
<body>
<h1>Welcome to my Web Page</h1>
<p>This is my first paragraph</p>
</body>
</html>
-
9
Insert an HTML link in your web page. Type "<a href="enter your link"> web site link</a>." The opening <a> and closing </a> tags define hyperlinks in HTML and are used to browse different web pages within a website or the Internet when clicked on.
Your code should now look like:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>My HTML Page</title>
</head>
<body>
<h1>Welcome to my Web Page</h1>
<p>This is my first paragraph</p>
<a href="enter your link"> web site link</a>
</body>
</html>
-
10
Click "File" and then "Save as." Select "All files" as the "Save as type."
-
11
Save your file as an HTML file by placing .html at the end of the file name. Example: myhtmlwebpage.html.
-
12
Find your file where you saved it on your computer and double-click on it. It should open up in your Web browser.
-
1
