Introduction to HTML
What is HTML?
Hypertext Markup Language commonly known as HTML, stands for HyperText Markup Language. It is
the standard language used to create web pages and websites.
HTML tells the web browser how to display text, images, tables, links, videos, and other content on a
webpage.
HTML is called a markup language because it uses tags to structure content.
Example of HTML tags:
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
• <h1> defines a heading
• <p> defines a paragraph
History of HTML
HTML was developed by Tim Berners-Lee in 1991 to create and share documents over the internet.
Uses of HTML
HTML is used for many purposes in web development.
Main Uses of HTML
1. Creating Web Pages
HTML is used to build the structure of websites.
Example:
• Educational websites
• College websites
• Online portals
2. Formatting Text
HTML can format text using:
• Headings
• Paragraphs
• Bold text
• Italic text
• Lists
3. Adding Images and Videos
HTML allows multimedia content on webpages.
4. Creating Links
HTML can connect one page to another using hyperlinks.
5. Creating Tables
HTML is used to display data in table format.
6. Creating Forms
HTML forms collect user information such as:
• Name
• Email
• Password
• Feedback
7. Website Navigation
HTML helps users move between pages easily.
Applications of HTML
Educational Websites
Schools and colleges use HTML to create:
• Student portals
• Online admission systems
• Result systems
Business Websites
Companies use HTML for:
• Company profiles
• Product catalogs
• Contact pages
E-Commerce Websites
Online shopping websites use HTML to display products.
Examples include:
• Amazon
• eBay
Social Media Websites
Social platforms are built using HTML with other technologies.
Examples:
• Facebook
• YouTube
Web Applications
HTML is also used in:
• Online banking
• Hospital management systems
• College management systems
What is an HTML Form?
An HTML Form is used to collect information from users.
Forms allow users to enter data which can later be processed by a server or database.
HTML forms are created using the <form> tag.
Why We Use HTML Forms
HTML forms are important because they allow interaction between users and websites.
Uses of HTML Forms
1. Login Systems
Users enter:
• Username
• Password
2. Registration Forms
Used for:
• Student registration
• Job applications
• Online admissions
3. Feedback Forms
Collect opinions and suggestions from users.
4. Search Boxes
Users search information on websites.
5. Contact Forms
Users send messages to organizations.
Basic Structure of HTML Form
<form>
Form Elements
</form>
Common Form Elements
Element Purpose
<input> Takes user input
<label> Defines labels
<textarea> Multi-line text
<select> Drop-down list
<button> Creates buttons
Example of Simple HTML Form
<!DOCTYPE html>
<html>
<head>
<title>Student Form</title>
</head>
<body>
<h2>Student Registration Form</h2>
<form>
<label>Student Name:</label><br>
<input type="text" name="studentname"><br><br>
<label>Email:</label><br>
<input type="email" name="email"><br><br>
<label>Password:</label><br>
<input type="password" name="password"><br><br>
<label>Gender:</label><br>
<input type="radio" name="gender"> Male
<input type="radio" name="gender"> Female
<br><br>
<label>Subjects:</label><br>
<input type="checkbox"> Computer
<input type="checkbox"> Physics
<input type="checkbox"> Mathematics
<br><br>
<label>Comments:</label><br>
<textarea rows="4" cols="30"></textarea>
<br><br>
<button type="submit">Submit</button>
</form>
</body>
</html>
Output of the Form
The form will display:
• Textboxes Advantages of HTML
• Email field 1. Easy to learn
• Password field 2. Free to use
• Radio buttons 3. Supported by all browsers
• Checkboxes 4. Helps create structured webpages
• Comment box 5. Works with CSS and JavaScript
• Submit button
Conclusion
HyperText Markup Language is the foundation of web development. It is used to create webpages,
forms, tables, and multimedia content. HTML forms are very important because they allow websites
to collect user information and interact with users effectively.