educratsweb logo


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>

 

HTML – Hyper Text Markup Language
Contents shared By educratsweb.com

Hyper Aadi, Raising Raju Performance | Jabardasth | 25th June 2020 | ETV Telugu #Entertainment - Published on Friday July 3 2020
if you have any information regarding Job, Study Material or any other information related to career. you can Post your article on our website. Click here to Register & Share your contents.
For Advertisment or any query email us at educratsweb@gmail.com

RELATED POST
1 Send E-mail to Multiple Person(E-mail) with Php
2 Php Code for View, Search, Edit and Delete Record from MySql Table
3 9 Emerging Technologies to Lookout for in 2019
4 गूगल फोन पर भारी डिस्काउंट
5 OPPO R17 PRO : फ़ास्ट चार्ज होगी बैटरी
6 HTML – Hyper Text Markup Language
7 Agricultural Technology Information Centre (ATIC)
8 nofollow : Concept and specification
9 BEST WAY TO COLLECT PAYMENTS ON YOUR WEBSITE
10 Agricultural Technology Information Centre (ATIC)
11 Agricultural Technology Information Centre (ATIC)
12 Buy Redmi 6 Pro starts from Rs.10999
13 Top 20 Web Crawling Tools to Scrape the Websites Quickly
14 Best Selenium Training in Chennai
15 A To Z List of Linux Commands
16 AnyDesk Software
17 AarogyaSetu: A multi-dimensional bridge
18 Raksh is a 360-degree proximity detection device that senses other users within its proximity and sounds a warning as soon as another device comes within its defined range
19 Make a Free Website through Google Sites
20 Science-based website on COVID 19 launched
21 Scientists observe celestial smash-up around nearby star
22 What is an API? (Application Programming Interface)
23 Computer based nano materials by INST Mohali can show the future of nano-electronics
24 DRDO develops bio suit with seam sealing glue to keep health professionals fighting COVID-19 safe
25 National Technology Day to be celebrated focusing on rebooting the economy through S&T
26 Ministry of MSME Launches CHAMPIONS Portal www.Champions.gov.in
27 NIT Kurukshetra Implements Enterprises Resource Planning (ERP), SAMARTH
28 The system has been certified for safety and performance by NABL accredited agencies and undergone stringent biomedical tests
29 Certifying Quantum Entanglement: A step towards Quantum Security
30 Prime Minister pays tributes to scientists on the National Technology Day
31 Aarogya Setu is now open source
32 To deal with COVID-19, CIPET to take up R&D initiatives in the areas of Health Care; manufacturing and Certifying PPE and other relevant products as per WHO/ ISO guidelines
33 Researchers find a new possibility to improve rice productivity
34 Live telecast of the solar eclipse has been arranged via Zoom, YouTube and Facebook
35 DST-SERB supports study for identification of structure-based potential antivirals against COVID 19
36 IT Minister Launches National AI Portal of India- www.ai.gov.in
37 Chinese hackers attempt over 40,000 cyber-attacks in 5 days on India: Maha Police
38 Detection of fluorine in hot Extreme Helium Stars solves their evolution mystery
39 NCSTC, DST in association with Vigyan Prasar organized watching of Solar Eclipse live with solar filter spectacles in the campus
40 Study showing stars of varied ages can co-exist in open clusters, provides clue to stellar evolution in the Milky Way Galaxy
41 IACS Kolkata INSPIRE faculty’s work on Black Holes and Gravitational Waves to help understanding fundamentals of our nature
We would love to hear your thoughts, concerns or problems with anything so we can improve our website educratsweb.com ! visit https://forms.gle/jDz4fFqXuvSfQmUC9 and submit your valuable feedback.
Save this page as PDF | Recommend to your Friends

http://educratsweb(dot)com http://www.educratsweb.com/content.php?id=56 http://educratsweb.com educratsweb.com educratsweb