How to Create a Simple Web Page with HTML

This article was co-authored by wikiHow staff writer, Nicole Levine, MFA. Nicole Levine is a Technology Writer and Editor for wikiHow. She has more than 20 years of experience creating technical documentation and leading support teams at major web hosting and software companies. Nicole also holds an MFA in Creative Writing from Portland State University and teaches composition, fiction-writing, and zine-making at various institutions.

There are 15 references cited in this article, which can be found at the bottom of the page.

This article has been fact-checked, ensuring the accuracy of any cited facts and confirming the authority of its sources.

This article has been viewed 4,700,128 times.

This wikiHow teaches you how to write a simple web page with HTML (hypertext markup language). HTML is one of the core components of the World Wide Web, making up the structure of web pages. Once you've created your web page, you can save it as an HTML document and view it in your web browser. Creating an HTML page is possible using basic text editors found on both Windows and Mac computers.

Adding a Head to Your HTML

Windows - Open Start

Type in and press ↵ Enter . This tells the web browser that this is an HTML document. [1] X Research source

Type in and press ↵ Enter . This is the tag that opens your HTML head. The HTML head information that is not usually displayed on your web page. This information can include, the title, meta data, CSS style sheets, and other scripting languages. [2] X Research source

Type and press ↵ Enter . This is the tag to close your head. Your HTML code should look something like this.

 html> head> title>My Web Pagetitle> head> 

Adding a Body and Text to Your HTML

Type in below the closed "Head" tag. This tag opens the body of your HTML document. Everything that goes in the HTML body displays on the web page. [4] X Research source

Add additional headings as you go. There are six different headings that you can create by using the through tags. These create headings of different sizes. For example, to create three different-sized headings in succession, you might write the following:

h1>Welcome to My Page!h1> h2>My name is Bob.h2> h3>I hope you like it here.h3> 

. This is the tag to open a paragraph. Paragraph text is used to display normal sized text. [6] X Research source

Type some text. This can be a description for your web page or any other information you wish to share.

\nLicense: Creative Commons\n">

Type

p>This is my paragraph.p> 

• You can add multiple paragraph lines in a row in order to create a series of paragraphs under one heading.
• You can change the color of any text by framing the text with the and tags. Make sure to type your preferred color into the "color" section (you'll keep the quotes). You can turn any text (e.g., headers) into a different color with this set of tags. For example, to turn a paragraph's text blue, you would write the following code:

  Whales are majestic creatures.

• You can add bolds, italics and other text formats using HTML. The following are examples of how you can format text using HTML tags: [7] X Research source

b>Bold textb> i>Italic texti> u>Underlined textu> sub>Subscript textsub> sup>Superscript textsup>