How to Build a Website With HTML Codes
Hand-coding HTML is a powerful skill that will allow you to customize every aspect of your web page, find and fix errors, and take full control of your web page layout. A web page can be created using a handful of HTML codes called "tags" and "attributes." Build an entire website simply by creating several web pages and uploading them to your website.
Other People Are Reading
Instructions
-
-
1
Learn the basics of HTML coding by completing the tutorial at http://www.w3schools.com/html.
-
2
Create a new file in Notepad++. Save the file on your computer, choosing "Hypertext Markup Language file" in the "Save as type" drop down menu. Home pages are usually named index.html or home.html.
-
-
3
Build the basic skeleton of the web page, beginning with the <html> tag and ending with the </html> tag. Between the <head> and </head> tags, add the <title> and </title> tags, and give a title for your web page between them. Add the <body> and </body> tags after the </head> tag.
-
4
Create your web page content by adding text between the <body> and </body> tags, surrounding each paragraph with <p> and </p> tags. Format headings using the heading tags (<h1></h1> through <h6></h6>). Link to other web pages and websites using the <a href="web address"></a> tags. Save your work often.
-
5
Validate your web page at http://validator.w3.org. Choose the "Validate by File Upload" tab. Browse for your web page file. Select "More Options" and choose "UTF-8" for the "Character Encoding" and "HTML 4.01 Transitional" for the "Document Type." Hit the "Check" button to perform the validation. The validator will help you identify errors, such as missing tags and attributes.
-
6
Review your work by opening your file in a web browser. Refresh the page to see the changes you make.
-
7
Upload your file to your website and visit the web address of the new page to review it.
-
8
Create additional web pages for your website by repeating these steps. Give each new file a different file name.
-
1
Tips & Warnings
Test drive your website in different web browsers, such as Firefox and Safari, or use a browser testing service like http://browsershots.org. Provide visitors with easy navigation of your website by providing a list of your website's pages linked on your home page, and a link on every page to go back to your homepage. Adding a website menu to every page will give your website a polished and professional feel. Go beyond simple HTML. Learn CSS (cascading style sheets) by completing the tutorial at http://www.w3schools.com/css. HTML has only limited formatting capabilities. CSS allows you to use advanced layout, style and color for designing your web page. For cool animated menus or other special effects on your web page, look for helpful cut-and-paste Javascripts at the Javascript Source http://javascript.internet.com. Take control and build your own unique effects by learning Javascript at http://www.w3schools.com/js.
