Scribd
Upload
24 views5 pages

HTML Cheat Sheet For Beginners

The document is an HTML cheat sheet for beginners, outlining the basic structure of HTML, including elements for headings, paragraphs, lists, links, images, tables, forms, input types, comments, and containers. It provides examples and explanations for each element to aid in understanding HTML coding. Additionally, it offers contact information for further support and guidance in starting a GIS developer journey.

Uploaded by

Teampa'CoolFishing
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
24 views5 pages

HTML Cheat Sheet For Beginners

The document is an HTML cheat sheet for beginners, outlining the basic structure of HTML, including elements for headings, paragraphs, lists, links, images, tables, forms, input types, comments, and containers. It provides examples and explanations for each element to aid in understanding HTML coding. Additionally, it offers contact information for further support and guidance in starting a GIS developer journey.

Uploaded by

Teampa'CoolFishing
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

Branches: Bangalore | Hydrabad | Hubli

Phno : +91 8050123030


website: [Link]
Email: info@[Link]

HTML Cheat Sheet for Beginners (with Explanations)

1. Basic Structure
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
Defines the overall structure of a webpage, including the head and visible body
content.

2. Headings
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
Used to define headings from most important () to least important ().

3. Paragraphs & Line Breaks


<p>This is a paragraph.</p>
<br>
4. Text Formatting
<b>Bold</b>
<i>Italic</i>
<u>Underline</u>
<strong>Important</strong>
<em>Emphasis</em>
These tags are used to style and emphasize text for better readability and
importance.

+91 8050123030
[Link]
5. Lists Unordered List:
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
Ordered List:
<ol>
<li>First</li>
<li>Second</li>
</ol>

6. Links
<a href="[Link] target="_blank">Visit Website</a>
creates a clickable hyperlink to another page or website.

7. Images
<img src="[Link]" alt="Description" width="200">
embeds an image; always use alt text for accessibility.

8. Tables
<table border="1">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
</tr>
</table>

+91 8050123030
[Link]
9. Forms
<form>
<label>Name:</label>
<input type="text" name="name"><br>
<label>Email:</label>
<input type="email" name="email"><br>
<input type="submit" value="Submit">
</form>

10. Input Types


<input type="text">
<input type="password">
<input type="checkbox">
<input type="radio">
<input type="submit">
Different input types allow users to enter or select specific information.

11. Comments
<!-- This is a comment -->
Comments help explain code and are not shown on the webpage.

12. Divs and Spans


<div>This is a block-level container</div>
<span>This is an inline container</span>

📣 Need Free Counselling or Guidance to Start Your GIS Developer


Journey?

📌 We’re here to support you!


📞 Call/WhatsApp: +91 8050123030
📧 Email: info@[Link]
Let’s help you find the right path — learn smart, build real, and grow
confidently.

+91 8050123030
[Link]
+91 8050123030
[Link]
Our Courses

+91 8050123030
[Link]

You might also like