Skip to main content
SNP-2025-0005
Home / Code Snippets / SNP-2025-0005
SNP-2025-0005  Β·  CODE SNIPPET

Introduction to HTML πŸ“–

Tech Β· Published: 2025-12-28 Β· Debasis Bhattacharjee
Developer Snippet Cookbook and Pocket Reference PDF cover
Developer Reference Kit · PDF

Want a clean, checked snippet book?

  • 146 copy-ready snippets: JavaScript, Python, SQL, Bash & Linux, Git, PHP, CSS & HTML, Docker
  • Each one says when to use it, how it works and what to watch out for
  • 12 one-page cheat sheets for Git, Linux, cron, HTTP, SQL, regex and more
  • Code was checked with real tools, and the SQL was run against a sample database

146 snippets and 12 cheat sheets, each snippet with a "watch out" note.

$3.99 one-time · instant email delivery
2,000 Interview Questions & Answers cover
Also available: 2,000 Interview Questions & Answers $7.99 The questions developers get asked in interviews, across 89 topics, with short answers, in-depth explanations, common mistakes and follow-ups. See what's inside →

The material stays free to read online. This is the organised, offline, print-ready PDF edition. Secure payment by PayPal; your personal download link is emailed after payment is confirmed. Digital product, no shipping.

01
Problem Statement & Scenario
The Problem

Definition

Now I want to tell you something about HTML you should know.

HTML is not presentational. It’s not concerned with how things look.

Instead, it’s concerned with what things mean.

You don’t tell β€œmake this paragraph red” in HTML.

That’s a presentational aspect.

Conclusion

HTML is just concerned with content.

It just adds some predefined styles here and there, like for example with the list. But that’s it. There’s no customization you can do on how it looks, in HTML.

This will be the job of CSS, but that’s a story for another lesson.

04
Real-World Usage Example
Usage Example

Simple example

<p>A paragraph of text</p>

<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

This HTML snippet says that A paragraph of text is a paragraph. And then we have a list of 3 items.

p stands for paragraph, ul stands for unordered list, and li stands for list item.

For each of them, we have an opening tag (like <p>), the content, and a closing tag (like </p>).

So <opening tag> β€¦content … </closing tag>.

1-on-1 Technical Mentorship

Want to master snippets like this?

Debasis Bhattacharjee offers direct mentorship sessions for developers looking to level up their code quality, architecture decisions, and production engineering skills. Two decades of real-world experience β€” no theory, just craft.