HTML – Hyper Text Markup Language
Hyper Text – That type of text which has its significance in electronic form in other word , such type of text which have a link with other file or document or different position of same or other file.
HTML is not a case sensitive language.
It is a command based language. In HTML that command are called TAGS.
Tags can be written in following form. <tag name>Statement</tag name>
HTML files can be written in any text editor but its file extension must be either 'htm' or 'html'.
Web Browser – Web Browser are responsible for displaying the HTML file. Ex – Internet Explorer , Netscap Navigator , Mozilla , Opera etc.
Example of HTML code
<html>
<head><title>Hello ! world</title></head>
<body>Rocking world</body>
</html>
HTML tags
1. Heading <h1>,<h2>,<h3>,<h4>,<h5>,<h6>
<h1>Hello ! Rocking world</h1>
2. <br> - Line Break
3. <b> - Bold Formatting
4. <i> - Italic Formatting
5. <u> - underline Formatting
6. <sup> - superscript Formatting
7. <sub> - subscript Formatting
8. <pre> - preformatted
9. <strike> - strike throw
10. <big> - Big font
11. <small> - Small font
12. <center> - Center Alingment
13. <p> - make paragraph. It have a white line above and below the paragraph.
<p align="left" or align="right" or align="center">Hello ! </p>
Use any one alignment.
14. <div> - Make paragraph
15. <body> - HTML Body section
<body bgcolor="black" background="image path" leftmarging="0" topmargin="0" rightmargin="0" bottommargin="0" bgproperties="fixed">
You can use any or all attribute of tag.
16. Img - insert image in HTML page
<img src="image path" height="20px" width="30px" border="1">
Image path or URL is of two type .Absolute and Relative path.
17. <table> - insert tabular format
<table border="1" cellpadding="2px" cellspacing="0px" bgcolor="gray">
<tr bgcolor="silver">
<th>Roll No.</th>
<th>Student Name</th>
<th>Subject</th>
<th>Marks</th>
</tr>
<tr>
<td>1</td>
<td>GUNJAN KUMAR</td>
<td>JAVA</td>
<td>56</td>
</tr>
<tr>
<td>2</td>
<td>AMIT KUMAR VERMA</td>
<td>ORACLE</td>
<td>74</td>
</tr>
</table>
18. <form> -
<form name="form name" method="GET or POST" action="action.php">
19. Text Box
<input type="text" name="TextBoxName" maxlength="20" size="40" value="Hello">
20. Password Text Box
<input type="text" name="PasswordTextBoxName" maxlength="20" size="40" >
21. Text Area
<textarea rows="10" cols="5"></textarea>
22. Radio Button
<input type="radio" name="sex" checked="checked" value="male" />Male
<input type="radio" name="sex" value="female" />Female
23. Check Box
<input type="checkbox" name="ck1" checked="checked" value="Cricket" />Cricket
<input type="checkbox" name="ck1" value="Cricket" />Hockey
24. Drop Down Button
<select name="country">
<option value="India">India</option>
<option value="America">America</option>
<option value="China">China</option>
</select>
25. Button
<form>
<input type="button" name="Register" value="Register Here" />
<input type="submit" name="Login" value="Login" />
<input type="reset" name="reset" value="Clear" />
</form>
26. Marquee
<marquee behavior="alternate or scroll or slide" direction="left or right or top or bottom" loop="2" height="100px" width="200px" scrollamount="50" scrolldelay="100">
27. List
<ol>
<li>Science</li>
<ol>
<li>Physics</li>
<li>Chemistry</li>
<li>Mathematics</li>
</ol>
<li>Arts</li>
<ol>
<li>History</li>
<li>Geography</li>
<li>Civics</li>
</ol>
</ol>
OUTPUT
- Science
- Physics
- Chemistry
- Mathematics
- Arts
- History
- Geography
- Civics
28. Hyperlink
<a> - Anchor Tag
<a href="file location">Click here to open web page</a>
<a href="#contactus">Contact us</a><br />
<a href="index.htm">Home Page</a><br />
This is a test web page.
<a name="contactus">Email me at gunjankumarverma@gmail.com</a>
29. Frame
<frameset> and <fram> tag
<frameset rows="10%,*">
<frame src="left_page.htm">
<fram src="main_page.htm">
</frameset>
<frameset rows="left_page.htm" name="frame name" scrolling="no" noresize>
30. Fieldset
<fieldset >
<legend>Login</legend>
<table border="0" cellpadding="5px" cellspacing="0" >
<tr>
<td>Enter user name</td>
<td><input type="text" name="username" size="20" maxlength="15" /></td>
</tr>
<tr>
<td>Enter Password</td>
<td><input type="password" name="password" size="20" maxlength="10" /></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="login" value="Login" />
<input type="reset" name="reset" value="Reset" />
</td>
</tr>
</table>
</fieldset>
Online HTML Editor
Here you can write and see HTML in action.
if you want to share your story or article for our Blog please email us at educratsweb@gmail.com or Click here
0 Comments