Tuesday, 27 October 2015

HTML – Hyper Text Markup Language

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
  1. Science
    1. Physics
    2. Chemistry
    3. Mathematics
  2. Arts
    1. History
    2. Geography
    3. 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.


style="display:inline-block;width:336px;height:280px"
data-ad-client="ca-pub-5656072117057856"
data-ad-slot="8835885279">



SHARE YOUR ARTICLE

If you have any article, photograph, video etc which you want to share with us through our blog. You can send email us at talkduo@gmail.com or click here

No comments:

Post a Comment