Hypertext Markup Language is mainly a medium for web designers to present the information in such a manner that can be easily read by users of the internet. There are various markup tags which we use in html for any website design.
Here is vocabulary of markup tags used for website developments:-
<b>
To make the text bold
<u>
To underline the text
<p>
To create a paragraph
<ul>/<li>
To create a list
We can understand better by an example showing how html works. On your system go to Notepad and type:-
<b><html>
<head>
<title>My first html page</title>
</head>
<body>
<h2>first web page</h2>
(<h2> used for heading)
<p></p>
This is to create paragraph
</p></b>
<b><p>
This is to create another paragraph in this by default the text would automatically be separated from the previous paragraph with a white space line and it will appear in double spaced.
</p></b>
<b> <p>Enter new text :<input type “text” width=”60″ /></b>
<b> <p>what’s your favorite color?
<select>
<option>Red</option>
<option>Green</option>
<option>Orange</option>
</select>
</body>
And now after doing this save the file with ‘firstexample.html’. After saving this file just double click on it and the web page will appear contains your first example.
Some of the main html tags
<html></html>
HTML segments are always opened by a start tag and closed by an end tag. In this ‘/’ tells the browser to end the tag. There are two main tags which divide an html document into major sections.
<head>
And <body>
In the <body> tag it generally contains the functional content of the webpage.
<input type=”text” width=”50″>
This tag allows user to enter text and type attribute of <input> tells the browser what kind of input box to create and width attribute of <input> tells the browser how many characters the input box can have.
In our example we have also used the <select> this tag is to create a drop-down box and user can choose option from a list of options.
There are so many HTML tags that can be used in website design.
Tags: Add new tag, Website Design, Website Developments
This entry was posted on Thursday, January 28th, 2010 at 2:06 am and is filed under Website Design, Website Development. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
