Site Logo

My College Website


1. Simple Inline Image

An image can be placed directly in page content using the <img> tag.

Person biking in the sun

Caption: Person biking in the sun


2. Images as Table Cell Data

Images can appear inside table cells, useful for product or profile listings.

Photo Name Category
Dog Dog Animal
Cat Cat Animal (row has background image)
Multiple dogs Multiple Dogs Animal

3. Clickable Image Icons

Wrapping <img> inside <a> makes it a clickable link/icon.

Wikipedia

Wikipedia

Google

Google


4. Image as Background of a Section

This box has a background image set via CSS

Using background-image in CSS, any element can have an image background.


5. Key Image Attributes

Attribute Purpose Example
src Image source URL or path src="logo.png"
alt Alternate text (accessibility) alt="Company Logo"
width Width in pixels width="200"
height Height in pixels height="100"
title Tooltip on hover title="Click to zoom"