Things You'll Need:
- Text editor
-
Step 1
Open a text document in Microsoft Word, Notepad or any other text editing program. Name the file "index.html" if it is your first website.
-
Step 2
Type <HTML> at the top of your document. This will begin your HTML code.
-
Step 3
Type <TITLE> and </TITLE> next, after the <HTML> tag. If you would like your website to show a title in the blue bar on the very top of your browser, write something between the title tags, for example: <TITLE>This is My First Website.</TITLE>
-
Step 4
Decide what color you want the background of your website to be. In HTML, each color is associated with a six-digit number. For example, in HTML, the color black is known as "#000000." See the Resources section below to learn about HTML background codes and how you can use them to create the background you'd like. For example, place the following code <body bgcolor="#000000"> after your </TITLE> code, and your website will have a black background.
-
Step 5
Determine which text color you would like to use on your website. Check the Resources section below to cut and paste text codes into your text file and customize them. Be sure to place your overall text selections in the head of your HTML document, directly after your background color code. For example, <body bgcolor="#000000" text="#FFFFFF"> will give you white text on a black background.
-
Step 6
Use separate codes to make temporary text changes in the body (after your last tag) of your HTML document by using codes like <b> for bold and <i> for italics. Always close the code by writing </b> or </i> after the text you would like to alter.
-
Step 7
Choose where you would like images and links in the body of your HTML website. For an image, use <img src="http://www.your-website-name.com/name-of-picture.jpg"> to add the picture to your website. You can use codes like <center> to place your pictures or text in the center. To link the image, use <a href="http://www.your-link.com"> before the image code and </a> after the image code. Be sure to close the placement code by typing </center> after the selected text or image.
-
Step 8
Use CSS if you would like your background and text to remain constant for each page of the website you make. Instead of placing HTML codes in the head (top) of the page, use CSS codes instead. CSS codes are challenging to write and synchronize to your website, but the style sheet recommendations that have been set by the World Wide Web Consortium (or W3C) are a good starting place. The W3C has created a Core Style Sampler where you can customize your CSS choices online; the website will give you the code, and you can copy it into the body of your website. For a beginner, this is the best way to utilize CSS. The W3C's Core Style Sampler can be found in the Resources section.
-
Step 9
End your web page by using the </HTML> tag. This signifies that you have finished using HTML and CSS.
-
Step 10
Save your file and upload it to your web server. If you are in need of a server, Google and Yahoo both provide free web space to which you can upload your web page.
