Building your first web page using HTML is quit simple. HTML is written in plain text and you do not need any fancy software programs to create your HTML files. All you need is a text editor that is already installed in every system. In windows the text editor is notepad. Using primary HTML tags let us create a simple web page
Step 1: Open the text editor on your system. In case of windows open the notepad.
Step 2: Enter the following code
<html>
<head>
<title> This is my first web page</title>
</head>
<body>
Hello everyone! This is my first web page. I am learning quickly
</body>
</html>
Step 3: Save the document as firstpage.html.
Your file can be saved either as an htm or html file. You have just created a web page
In order to preview your document, you can open your web browser and select File menu, then select Open page and then choose your web page from the saved location and click open.
This was how to create a basic web page. But the web pages on the Internet are formatted and have number of features such as headlines, paragraphs, graphics and much more. This can be done by formatting the text and adding various attributes to the web page.
Various tags can do the text formatting. The headline tag is used to create bold copy in HTML. <h1>….</h1> to <h6>…</h6>are the six levels of headlines available in HTML. To add space between the paragraphs you can use the paragraph tag: <p>…</p>. Also to add a single line space you can use break tag <br>.We can add headline tag, paragraph tag and break line tag in the following manner to the previous example
<html>
<head>
<title> This is my first web page</title>
</head>
<body>
<h1>Hello everyone!</h1> This is my first web page. I am learning quickly
<br>
<p>
I am learning to use paragraph tag
</p>
<p>
Learning HTML seems quite simple. All you have to take care about are some simple rules of the language
</p>
</body>
</html>
You can also add lists to the body of the web page using ordered list and unordered list.
The ordered list goes like
<ol>
<li>my first item</li>
<li>my second item</li>
</ol>
The unordered or bulleted list can be written as
<ul>
<li>my first item</li>
<li>my second item</li>
</ul>
There are number of attributes in HTML that add interest to your web page. For example the color attribute adds background color to your web page. You can add color attribute to the web page anywhere in the body of the web page.
For example: <body bgcolor=”#bee3c2”>…</body>
This will add green background to your web page. There are different codes for different colors.
There are various tags and attributes available in HTML for advanced text formatting.
Font styles: <font>…</font>
Bold: <b>….</b>
Italic: <i>…..</i>
Indented text: <blockquote>….</blockquote>
Smaller type: <small>…..</small>
Larger type: <large>……</large>
Centered type: <center>…. </center>
To place an image onto your web page you can use the image tag <img scr>
Image tag is an empty tag and it requires attributes to be effective.
The image tag can be used as: <img scr= “filename.gif/jpeg”>
The hypertext link can be created in HTML using the anchor tag <a>…</a>
This article is the property of http://www.Elegant-Templates.com
Copying and publishing any article from our site is allowed but you have got to give us a back link and keep the author info in tact. |
