Scribd
Upload
12 views2 pages

HTML Basics: Structure & Tags Guide

This document provides an overview of HTML, including its definition as a markup language used for creating webpages. It outlines the basic structure of an HTML document, common tags, links, images, lists, tables, forms, multimedia elements, and semantic tags introduced in HTML5. Additionally, it includes extra notes on HTML practices such as case insensitivity and proper tag closure.

Uploaded by

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

HTML Basics: Structure & Tags Guide

This document provides an overview of HTML, including its definition as a markup language used for creating webpages. It outlines the basic structure of an HTML document, common tags, links, images, lists, tables, forms, multimedia elements, and semantic tags introduced in HTML5. Additionally, it includes extra notes on HTML practices such as case insensitivity and proper tag closure.

Uploaded by

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

■ HTML Notes

1. Introduction to HTML
- HTML → HyperText Markup Language
- Used to create webpages.
- Not a programming language → it's a markup language.
- Structure of a webpage is defined using tags.

2. Basic Structure of HTML Document


<!DOCTYPE html> <html> <head> <title>My First Page</title> </head> <body> <h1>Hello,
World!</h1> <p>This is my first webpage.</p> </body> </html>

3. Common HTML Tags


- Headings: <h1> to <h6>
- Paragraph: <p>
- Line Break: <br>
- Horizontal Line: <hr>
- Formatting: <b>, <i>, <u>, <mark>, <sup>, <sub>

4. Links & Images


- Link: <a href="[Link] Example</a>
- Image: <img src="[Link]" alt="Description" width="200" height="150">

5. Lists
- Ordered List (<ol>)
- Unordered List (<ul>)
- Description List (<dl>)

6. Tables
<table border="1"> <tr> <th>Name</th> <th>Age</th> </tr> <tr> <td>Raj</td> <td>20</td> </tr>
</table>

7. Forms
<form> Name: <input type="text"><br> Password: <input type="password"><br> Gender: <input
type="radio" name="g"> Male <input type="radio" name="g"> Female<br> Hobbies: <input
type="checkbox"> Reading <input type="checkbox"> Music<br> <input type="submit"
value="Submit"> </form>

8. Multimedia
<video controls width="300"> <source src="video.mp4" type="video/mp4"> </video> <audio
controls> <source src="audio.mp3" type="audio/mpeg"> </audio>

9. Semantic Tags (HTML5)


- <header> → Top section
- <nav> → Navigation bar
- <section> → Content section
- <article> → Independent article
- <aside> → Sidebar info
- <footer> → Bottom section

10. Extra Notes


- HTML is case-insensitive (<p> same as <P>).
- Always close tags properly.
- Use indentation for readability.

You might also like