Scribd
Upload
28 views11 pages

HTML Detailed Presentation For Students

Uploaded by

deepika
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
28 views11 pages

HTML Detailed Presentation For Students

Uploaded by

deepika
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

Introduction to HTML

A Detailed Presentation for School


Students
What is HTML?
• HTML stands for HyperText Markup Language.
It is the standard language for creating web
pages.
Basic Structure of an HTML
Document

• <!DOCTYPE html>
• <html>
• <head>
• <title>Page Title</title>
• </head>
• <body>
• <h1>This is a Heading</h1>
• <p>This is a paragraph.</p>
HTML Tags

• - HTML tags are the building blocks of HTML.


• - They are used to create elements such as
headings, paragraphs, links, images, etc.
• - Tags are enclosed in angle brackets, e.g.,
<tagname>.
Common HTML Tags

• - <h1> to <h6>: Headings


• - <p>: Paragraph
• - <a>: Anchor (Link)
• - <img>: Image
• - <ul>, <ol>, <li>: Lists
Creating Links

• - The <a> tag is used to create links.


• - Example: <a
href="https://www.example.com">This is a
link</a>
Adding Images

• - The <img> tag is used to add images.


• - Example: <img src="image.jpg"
alt="Description" width="500" height="600">
Lists in HTML

• - Unordered list: <ul><li>Item 1</li><li>Item


2</li></ul>
• - Ordered list: <ol><li>Item 1</li><li>Item
2</li></ol>
HTML Forms

• - Forms are used to collect user input.


• - Example:
• <form>
• First name:<br>
• <input type="text" name="firstname"><br>
• Last name:<br>
• <input type="text" name="lastname"><br>
• <input type="submit" value="Submit">
HTML Tables

• - The <table> tag is used to create tables.


• - Example:
• <table>
• <tr>
• <th>Header 1</th>
• <th>Header 2</th>
• </tr>
• <tr>
HTML5 New Features

• - Semantic elements: <article>, <section>,


<header>, <footer>, etc.
• - Multimedia: <audio>, <video> tags.
• - Graphics: <canvas> and <svg> tags.

You might also like