Mastering Image and Anchor Tags in HTML/CSS Complete Guide

This post’s video is no longer on YouTube. The notes below are the post.

Table of Contents:

  • Intro: Understanding Tags in HTML/CSS

  • Image Tag and Its Attributes

  • Anchor Tag and Its Attributes

What You'll Learn?

Intro: Understanding Tags in HTML/CSS

Tags are essential for formatting and linking. We'll see how they impact the structure of a webpage.

Image Tag and Its Attributes

Src: Source of the image

Alt: Alternate text

  • *width and height: Dimensions

We will go over how to add images in a HTML file, examining the attributes of the img tag in detail.

Anchor Tag and Its Attributes

Href: The URL you want to link

Target: Where to open the link

Rel: Relationship attribute

Special focus on using href for telephone, mail, and standard web links. Also, learn the difference between target=_blank and target=blank.

Want us to build yours instead?

On a project, every milestone ends with a link to the working build, and the code, the accounts and every password are yours at the handover.

What we’d build for you is on Services.

Send us the brief, or start with the free call.

Page updated .

Privacy preferences

Choose whether this browser sends visit data to our analytics tools. The site works the same either way.

Google Analytics, Amplitude and Microsoft Clarity show us which pages get read. Off means none of the three loads.

Always on

Sentry error reports, with personal data removed, and the Cloudflare spam check on the brief form.

Each cookie is listed in our Cookie Policy.