Chapter 6 – HTML & Web Designing
Introduction
• HTML (HyperText Markup Language) is the standard language for creating webpages.
• It uses tags to structure text, images, links, and other elements on a webpage.
• A webpage is displayed in a web browser (like Chrome, Edge, Firefox).
Structure of an HTML Document
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
<h1>Welcome to HTML</h1>
<p>This is my first webpage.</p>
</body>
</html>
Basic HTML Tags
• <html> → Defines the start and end of an HTML document.
• <head> → Contains metadata, title, etc.
• <title> → Sets the title of the webpage (appears on browser tab).
• <body> → Contains main content (text, images, links).
Text Formatting Tags
• <h1> … <h6> → Headings (h1 = largest, h6 = smallest).
• <b> → Bold text.
• <i> → Italic text.
• <u> → Underlined text.
• <p> → Paragraph.
• <br> → Line break.
Lists in HTML
1. Ordered List (Numbered)
<ol>
<li>Apple</li>
<li>Mango</li>
<li>Banana</li>
</ol>
2. Unordered List (Bulleted)
<ul>
<li>Pen</li>
<li>Pencil</li>
<li>Eraser</li>
</ul>
Images in HTML
<img src="image.jpg" alt="My Image" width="200" height="150">
• src = path of image file
• alt = alternative text
Hyperlinks
<a href="https://www.cbse.gov.in">Visit CBSE Website</a>
• href = URL of the link
Tables in HTML
<table border="1">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Arjun</td>
<td>14</td>
</tr>
</table>
• <tr> → Table row
• <th> → Table header
• <td> → Table data
Advantages of HTML
• Simple and easy to learn.
• Used to design static webpages.
• Supported by all web browsers.
• Can include text, images, audio, video, and links.
Practice Questions
1. What is HTML? Write its full form.
2. Write the basic structure of an HTML document.
3. Differentiate between ordered list and unordered list.
4. Write HTML code to insert an image.
5. Write HTML code to create a table with 2 rows and 2 columns.
