Got 5 Minutes? Let's Talk HTML (Part 2)

Hey devs!

Back again with another quick HTML breakdown.

In Part 1, we talked about structure and some core tags.

Now let’s look at a few more you’ll use all the time.

<h1> to <h6> — Headings

Define titles and subtitles by importance.

<h1>Main title</h1>
<h2>Subtitle</h2>
<h3>Section title</h3>
<h4>Subsection</h4>
<h5>Small title</h5>
<h6>Minor note</h6>

h1 is the most important (use only one per page)

h6 is the least important

Use them to organize your content clearly

img — Image

Displays an image on the page.

<img src="cat.jpg" alt="A cute cat">

src: path to your image

alt: description of the image (for accessibility and SEO)

Works with local files or external URLs

a — Link

Creates a clickable link.

<a href="https://example.com">Visit Example</a>

href: the destination URL

Use target="_blank" to open in a new tab

You can also link to sections with #id

br — Line Break

Breaks a line without starting a new paragraph.

<p>Hello<br>World</p>

Useful for poetry, addresses, or small layout tweaks

Don’t overuse it — prefer block elements like

when possible

and — Emphasis

Adds bold or italic to highlight text.

<p>This is <strong>important</strong> and <em>emphasized</em>.</p>

strong = bold, for importance

em = italic, for emphasis

Helps guide the reader’s attention

That’s it for Part 2!

Follow me on Instagram for more HTML and dev tips: @type_z_code
See you in Part 3!