You can create an HTML webpage/document in much same way that you can create any plain text document. Any plain text editor can be used to write an HTML program.
Generally, notepad is used. Write the HTML code using notepad and save the file with .htm or .html extension.
Graphics packages like Photoshop and paintbrush are required to create new images or edit existing images to put on the website.
The general process of creating a webpage with HTML:
- Open your text editor (Notepad)
- Start a new document.
- Enter the HTML code and text you want to include.
- Save your document with the extension HTML. i.e test.html or test.htm
- Open your saved file in any browser.
Basic Structure of Creating a webpage with HTML:
HTML Editors: Use Notepad in-built editor for creating HTML Document.
Basis Tags of HTML
Following Tag, we will use to create the basic HTML Page or we can say Web Page
The <HTML> tag:
The <HTML> tag identifies the document as HTML.
The <HEAD> tag:
The <HEAD> tag contains information about the document, including its title, scripts used, style definitions, and document descriptions.
The <TITLE> tag:
The <TITLE> tag contains the document title.
The <BODY> tag:
The <BODY> tag includes the tags, attributes, and information that you want on a visitor browser to display.
There are some Attributes of Body Tag which we will see later
<HTML> <HEAD> <TITLE> Creating my first Simple web page </TITLE> </HEAD> <BODY> Body: All tags, attributes, and information that you want on visitors browser </BODY> </HTML>
[Copy the above code and paste in your notepad]
Save the file with extension test.htm or test.html
To view HTML document you can use Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera… etc
Output for the above HTML code:
Creating a Simple Advance webpage
Creating a simple advance webpage or website we will use some basic Attributes of the Body tag
Attributes of <BODY> tag:
- ALINK: this defines the color of the hyperlink as the user actually clicks them with the mouse.
- LINK: this defines the color in which the hyperlinks will be displayed which has not yet been visited. It changes the default color of Hyperlink.
- VLINK: this defines the color of the hyperlinks, which have previously been visited.
- BGCOLOR: This specifies the color to be used for the background of the webpage. The simple way is to use the name of 16 permitted colors for the RGB color combination. <BODY BGCOLOR=”RED> or <BODY BGCOLOR=”#FF0000″>
- TEXT: This defines the color for the text of the page. You can also use our GB.<Body text=Red>
- STYLE: specify stylesheet commands that applied to the document body.
- BACKGROUND: the relative and absolute location of an image file that tile across the document’s background.
<HTML> <HEAD> <TITLE>FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR= "Black" TEXT = "Red"> <P> Welcome to a wonderful site </p> </BODY> </HTML>
Copy this code into your notepad and save the document. Let see the output of the following code.
Save the file with .htm or .html extension.
You can use Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, etc.