0% found this document useful (0 votes)
4 views2 pages

HTML Short Notes

HTML (HyperText Markup Language) is used for structuring web content with tags. The document outlines basic HTML structure, common tags, attributes, semantic tags, forms, media tags, tables, meta tags, and comments. It also provides tips for writing HTML, emphasizing best practices like using lowercase for tags.
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
0% found this document useful (0 votes)
4 views2 pages

HTML Short Notes

HTML (HyperText Markup Language) is used for structuring web content with tags. The document outlines basic HTML structure, common tags, attributes, semantic tags, forms, media tags, tables, meta tags, and comments. It also provides tips for writing HTML, emphasizing best practices like using lowercase for tags.
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
You are on page 1/ 2

Complete HTML Notes (Simplified & Organized)

What is HTML?
HTML stands for HyperText Markup Language. It is used to structure content on the web.
- HyperText: Links between pages
- Markup Language: Uses tags to format content.

Basic HTML Structure


<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Hello World</h1>
<p>This is a paragraph.</p>
</body>
</html>

Common Tags
- <h1> to <h6>: Headings
- <p>: Paragraph
- <a href="">: Link
- <img src="">: Image
- <ul>, <ol>, <li>: Lists
- <div>: Container
- <br>: Line break

Attributes
Common attributes:
- id
- class
- style
- title
- alt (for images)
Example: <p id="intro" class="highlight">Welcome!</p>

Semantic Tags
- <header>: Top of page
- <footer>: Bottom
- <nav>: Navigation
- <section>: Section of content
- <article>: Self-contained content
- <aside>: Sidebar

Forms
Complete HTML Notes (Simplified & Organized)

<form>
Name: <input type="text" name="username">
<input type="submit" value="Submit">
</form>

Media Tags
<audio controls>
<source src="sound.mp3" type="audio/mpeg">
</audio>
<video width="320" controls>
<source src="movie.mp4" type="video/mp4">
</video>

Tables
<table>
<tr><th>Name</th><th>Age</th></tr>
<tr><td>Alice</td><td>20</td></tr>
</table>

Meta Tags
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Comments
<!-- This is a comment -->

Tips
- Tags usually have opening & closing: <tag>content</tag>
- Some are self-closing: <img>, <br>, <input>
- HTML is not case-sensitive, but lowercase is best practice.

You might also like