KEMBAR78
HTML Cheat Sheet | PDF | Html Element | Computer File Formats
0% found this document useful (0 votes)
42 views3 pages

HTML Cheat Sheet

Uploaded by

Shagun Pandey
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)
42 views3 pages

HTML Cheat Sheet

Uploaded by

Shagun Pandey
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/ 3

HTML Cheat Sheet with Hinglish Tricks & Comments

🧱 1. Basic Structure

<!DOCTYPE html> <!-- Ye batata hai ki HTML5 ka document hai -->


<html> <!-- Root element -->
<head> <!-- Head me title, links, meta info hoti hai -->
<title>My Page</title> <!-- Page ka title -->
</head>
<body> <!-- Body me visible content hota hai -->
</body>
</html>

📄 2. Text Formatting

<h1>Main Heading</h1> <!-- Sabse bada heading -->


<p>This is a paragraph.</p> <!-- Normal paragraph text -->
<strong>Bold Text</strong> <!-- Important bold text -->
<em>Italic Text</em> <!-- Emphasized italic text -->

🧩 3. Links and Images

<a href="https://google.com">Google</a> <!-- Link to Google -->


<img src="image.jpg" alt="My Image" /> <!-- Image with alt text -->

🔘 4. Buttons and Inputs

<button>Click Me</button> <!-- Simple button -->


<input type="text" placeholder="Enter name" /> <!-- Text input box -->

📋 5. Lists

<ul> <!-- Unordered list -->


<li>Item 1</li>

1
<li>Item 2</li>
</ul>

<ol> <!-- Ordered list -->


<li>First</li>
<li>Second</li>
</ol>

🧱 6. Div and Span

<div>Container Block</div> <!-- Block level container -->


<span>Inline text</span> <!-- Inline element -->

🧾 7. Forms

<form action="/submit" method="post"> <!-- Form tag -->


<label for="name">Name:</label> <!-- Label for input -->
<input type="text" id="name" name="name" /> <!-- Text input -->
<input type="submit" value="Submit" /> <!-- Submit button -->
</form>

🏷️ 8. Semantic Tags

<header>Top Section</header> <!-- Page ka header -->


<nav>Navigation Menu</nav> <!-- Navigation links -->
<section>Content Area</section> <!-- Page section -->
<article>Blog Post</article> <!-- Independent content -->
<footer>Bottom Info</footer> <!-- Page footer -->

🛠️ 9. Media Embeds

<video controls>
<source src="movie.mp4" type="video/mp4" />
</video>

<audio controls>

2
<source src="sound.mp3" type="audio/mp3" />
</audio>

🎨 10. Style & Script

<style>
body { background-color: lightgray; } <!-- Page ka background color -->
</style>

<script>
alert("Hello World"); <!-- Pop-up message show karega -->
</script>

PDF bana ke chahiye ho to bata dena bhai ✅ Ya koi aur topic (CSS, JS, Bootstrap, Interview Prep) chahiye ho
toh bol!

You might also like