← Back to Examples

Links and Images in HTML

Types of Links

1. Basic Link

Visit Google

2. Link Opening in New Tab

Open Google in new tab

3. Email Link

Send email to student@srm.edu

4. Phone Link (useful on mobile)

Call +91 98765 43210

5. Link to Section on Same Page

Jump to Images Section

Images

1. Basic Image

A scenic landscape photograph

2. Image with Specific Size

Nature photograph resized to 200x150

3. Image as a Link (Clickable Image)

Click to visit Google

4. Image with Caption (using figure)

University Campus
University Main Campus, Chennai

Common Mistakes

Bad: Image without alt text

Screen readers can't describe this image to blind users:

<img src="photo.jpg"> - Missing alt attribute!

Good: Image with descriptive alt text

<img src="photo.jpg" alt="Students working on laptops in computer lab">

Back to top | ← Back to Examples