Basic HTML tutorial
An HTML document consists of various sections such as the head, body, etc. Different kinds of informations can be entered within these sections, which helps to give your document a proper style.
The head section of an HTML document consists of the important informations related to the document whereas the components of the document as well as the markup tags are placed under the body section.
You can use a Notepad document to enter the tags and saving it as an HTML document.
The first markup tag used in an HTML document is the <HTML> tag. This tag enables the Web browser to recognize the file as HTML. The starting tag of the HTML document is <HTML> while the ending tag is </HTML> which is kept a few lines below the starting tag. Whatever informations are to be added in the HTML document has to be entered within these two tags.
Next to the <HTML> tag is the head section. The starting tag is <HEAD> while a few lines below the ending tag is </HEAD> is kept. The informations related to the document such as title of the HTML document have to be entered within the head tags. To include a title, title tag has to be entered within the two head tags i.e., <TITLE> name of the title </TITLE>. The end title tag is given in the same line.
The next part of the document is the body. This section contains the majority of the components of the HTML document. In order to create the body, the starting as well as the ending body tags are to be entered i.e., <BODY> and </BODY> keeping a few lines gap between them. The components as well as the HTML codes for the document are to be entered within these two tags.
This is the general format of the HTML document. Now contents just have to be added as per requirement.
Now you have to save the notepad document as an HTML document by keeping its extension as .htm or .html.
Now you can use your Web browser to open the newly created HTML document. But as you are opening this document on local desktop and not the Web, you have to browse and open your saved file by selecting File-> Open File.
Thus your HTML document has been successfully created and displayed.
Creation of an HTML document with the help of a text editor enables you to learn the HTML language. But you can also create an HTML file using specialized HTML editing programs where you can find graphical interfaces to help you in visualizing your web page. These specialized softwares help you to easily create your desired HTML file.
Tags: HTML, web development
July 16th, 2008 at 5:44 am
Instead of using notepad as an html editor, I recommend you to use dream weaver which has many helping features, coloring codes etc. Please try to use Dreamweaver MX
August 9th, 2008 at 11:48 am
anybody here know of a good site to find more info on text editor html? I’ve got this site bookmarked and im gonna keep checking it out, but i still would like to find a site that covers text editor html a little more thoroughly..thanks
September 23rd, 2008 at 7:41 pm
First of all congratulation for such a great site. I learned a lot reading article here today. I will make sure i visit this site once a day so i can learn more.