Dev.to

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. to — Headings Define titles and subtitles by importance. Main title Subtitle Section title Subsection Small title Minor note 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. 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. Visit Example 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. HelloWorld 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. This is important and emphasized. 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!

Apr 13, 2025 - 21:03
 0
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.

to
— Headings

Define titles and subtitles by importance.

Main title


Subtitle


Section title


Subsection


Small title


Minor note

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.

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.

Visit Example

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.

Hello
World

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.

This is important and emphasized.

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!

Read More

Tags:

Previous Article

Gold ETF Inflows Hit Three-Year High as PAXG, XAUT Outperform Wider Crypto Market

Next Article

Related Posts

Simplifying VPC, Subnets, NAT Gateway, Internet Gateway & Route Tables

Simplifying VPC, Subnets, NAT Gateway, Internet Gateway...

Apr 8, 2025  0

How PemPem is harnessing the power of federation with a customized approach to accelerate product development at scale

How PemPem is harnessing the power of federation with a...

Mar 8, 2025  0

How to Set Up a Subdomain with Nginx and SSL on DigitalOcean

How to Set Up a Subdomain with Nginx and SSL on Digital...

Feb 26, 2025  0