Introduction to HTML
1. What is HTML?
HTML is the standard language used to create and design webpages.
It tells a web browser how to structure and display content such as text, images, links, and
lists.
2. What is a Webpage?
A webpage is a document available on the internet that is viewed using a web browser like:
Google Chrome
Mozilla Firefox
Microsoft Edge
Example: webpages of websites like YouTube or Wikipedia.
HTML Tags
3. What are HTML Tags?
HTML tags are special keywords written inside angle brackets < > that tell the browser how
to display content.
Example:
<h1>Welcome to Physiotherapy</h1>
<p>This is a paragraph</p>
4. Types of Tags
1. Opening Tag
Starts an HTML element.
Example:
<p>
2. Closing Tag
Ends an HTML element.
Example:
</p>
5. Basic HTML Structure
A simple HTML webpage has the following structure:
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<h1>Welcome</h1>
<p>This is my first webpage.</p>
</body>
</html>
NOTE:
In HTML, an HTML document has two main sections:
1. <head>
2. <body>
1. <head> section
The <head> contains information about the webpage, not the visible content.
Examples inside <head>:
<title> → page title shown in the browser tab
Example:
<head>
<title>Physiotherapy Exercises</title>
</head>
The title appears in the browser tab, not inside the webpage.
2. <body> section
The <body> contains all the content that users see on the webpage.
Examples:
headings
paragraphs
images
lists
links
Example:
<body>
<h1>Knee Rehabilitation</h1>
<p>This page explains physiotherapy exercises.</p>
</body>
EXAMPLE HTML CODE FOR CREATING TITLE , HEADING,
PARAGRAPHS, IMAGE, TABLE AND HYPERLINKS
<!DOCTYPE html>
<html>
<head>
<title>Balanced Diet</title>
</head>
<body>
<h1>Balanced Diet</h1>
<p>
A balanced diet is a diet that provides all essential nutrients in the right
proportions to maintain good health. It includes a variety of foods that
supply energy, support growth, and help the body function properly.
</p>
<p>
Eating a balanced diet helps in maintaining body weight, improving immunity,
and reducing the risk of diseases. It is important for people of all age
groups, especially students and athletes.
</p>
<h2>Food Groups in a Balanced Diet</h2>
<ul>
<li>Cereals and Grains</li>
<li>Pulses and Legumes</li>
<li>Vegetables</li>
<li>Fruits</li>
<li>Milk and Dairy Products</li>
<li>Fats and Oils</li>
</ul>
<h2>Nutrients and Their Functions</h2>
<table border="1">
<tr>
<th>Nutrient</th>
<th>Function</th>
<th>Food Sources</th>
</tr>
<tr>
<td>Carbohydrates</td>
<td>Provide energy</td>
<td>Rice, wheat, bread</td>
</tr>
<tr>
<td>Proteins</td>
<td>Growth and repair</td>
<td>Pulses, eggs, milk</td>
</tr>
<tr>
<td>Fats</td>
<td>Energy storage</td>
<td>Oil, butter, nuts</td>
</tr>
<tr>
<td>Vitamins</td>
<td>Protect from diseases</td>
<td>Fruits and vegetables</td>
</tr>
</table>
<h2>Healthy Eating Habits</h2>
<p>
Healthy eating habits include eating meals on time, drinking enough water,
and avoiding junk food. Regular physical activity along with a balanced diet
helps in maintaining a healthy lifestyle.
</p>
<img src="[Link]" alt="Balanced Diet Chart" width="300">
<p>
For more information, visit
<a href="[Link] target="_blank">World Health Organization</a>.
</p>
</body>
</html>