Scribd
Upload
67 views11 pages

HTML Detailed Presentation For Students

HTML, or HyperText Markup Language, is the standard language for creating web pages. It consists of various tags that structure content, including headings, paragraphs, links, images, lists, forms, and tables. HTML5 introduces new features such as semantic elements and multimedia support.

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
67 views11 pages

HTML Detailed Presentation For Students

HTML, or HyperText Markup Language, is the standard language for creating web pages. It consists of various tags that structure content, including headings, paragraphs, links, images, lists, forms, and tables. HTML5 introduces new features such as semantic elements and multimedia support.

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

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="[Link] is a
link</a>
Adding Images

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


• - Example: <img src="[Link]"
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