HTML – Hyper Text Markup Language - Educratsweb
Home | Latest Job | Jobs | Contents | Study Material | Career | News | Best Deal | Book | Video | Online Practice Set | Our Blog Register | Login | Contact us

HTML – Hyper Text Markup Language

Posted By adminTechnology 🗓 Wednesday September 19 2018 👁 73


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>

 

Related Post

Buy Redmi 6 Pro starts from Rs.10999
Know about Search Engine Optimization
Send E-mail to Multiple Person(E-mail) with Php
HTML – Hyper Text Markup Language
Php Code for View, Search, Edit and Delete Record from MySql Table
Php code for Online Quiz
Php code for Comment on Webpage
nofollow : Concept and specification
Php code example for Secure login
Explore more contents : Admit Card Exam Result News Syllabus Sample Question Paper Career Study Material Employment News Government Schemes Scholorship Bank IFSC Technology Public Utility Forms State Government Schemes Bihar Festival Wallpaper DATA

Copyright © 2018. Website template by WebThemez.com