Bruk av bilder i HTML innebærer tre hovedtrinn:

1. Bildefil:

- Klargjør bildefilen i et passende format, for eksempel JPEG, PNG eller GIF.

- Lagre den med et beskrivende navn. For eksempel "bildenavn.jpg".

2. Bildemappe:

- Opprett en mappe på datamaskinen for å lagre bildene dine.

- Plasser bildefilen du vil bruke i denne mappen.

3. HTML-kode:

- Åpne HTML-filen i et tekstredigeringsprogram eller HTML-redigeringsprogram.

- I den aktuelle delen av HTML-koden din, vanligvis «», legger du til følgende kode:

```html

```

- Erstatt "path_to_image" med den faktiske banen til bildefilen din. Hvis bildet ditt for eksempel heter "image-name.jpg" og ligger i "images"-mappen i samme katalog som HTML-filen, vil banen være:

```html

src="images/image-name.jpg"

```

- Erstatt "alternativ_tekst" med en kort beskrivelse av bildet. Denne teksten vil vises hvis bildet ikke kan vises av en eller annen grunn, for eksempel en ødelagt kobling eller en brukers deaktiverte innstillinger for bildelasting.

Her er et eksempel på en fullstendig kodebit:

```html

Overskrift

Tekstinnhold...

```

Lagre HTML-filen og åpne den i en nettleser for å se det innsatte bildet.

Ytterligere attributter for ` ` Tag:

- "width" og "height" attributter:Spesifiser ønsket bredde og høyde på bildet i piksler.

- `align`-attributt:Kontrollerer den horisontale justeringen av bildet. Verdiene inkluderer "venstre", "høyre" og "senter".

- `title`-attributt:Legger til en verktøytipstekst som vises når du holder musepekeren over bildet.

Note:

Det er en god praksis å optimalisere bildene dine for nettytelse ved å komprimere dem uten å ofre visuell kvalitet.