Hvordan sette inn et bilde i en nettside
Hypertext Markup Language (HTML) er det formelle navnet gitt til koden som styrer innholdet og utseendet på websider. HTML tillater deg å inkludere et bredt spekter av elementer på en side, inkludert overskrifter, avsnitt, tabeller, punktlister og bilder. Så lenge du har en kopi av en webside som er lagret på datamaskinen, setter inn et bilde krever inkludering av bare en eneste linje med HTML-kode. Når du forstår riktig syntaks for denne koden, og legger bildet tar bare noen få klikk.
Bruksanvisning
1 Plasser bildefilen du vil sette inn i websiden i samme mappe som siden.
2 Åpne enten en visuell webside redigering program (for eksempel Adobe Dreamweaver, Microsoft Expression Web) eller et tekstbehandlingsverktøy (f.eks Microsoft WordPad, Microsoft Notepad).
3 Klikk på "File" øverst i menylinjen av det valgte programmet og velg "Open". Finn din webside filen i dialogboksen som vises, og åpne den ved å dobbeltklikke på ikonet.
4 Klikk på det området av websiden der du vil sette inn bildefilen, og klikk deretter på "Code" eller "HTML" -knappen for å vise den tilhørende HTML-kode. Hvis du bruker en tekstredigeringsprogram, manuelt navigere til linjen med kode der du vil ha bildet inn i stedet.
5 Trykk på "Enter" -tasten for å opprette en tom linje.
6 Legg til følgende kode i den nyopprettede blank linje:
<Img alt = "Bildebeskrivelse">
7 Substitute "file_name.jpg" verdi med selve filnavnet og filtypen til bildet du valgte i trinn 1. Selv om mange filer bruke .jpg forlengelsen av dette, .gif, .png og BMP formater er også vanlig.
8 Substitute "Bildebeskrivelse" verdi med en kort beskrivelse av hva bildet representerer. Dette gjør at blinde eller dårlig synt brukerne å forstå bildets innhold selv når de ikke kan se det.
9 Klikk "Fil" i menylinjen øverst på redigeringsprogrammet og velg "Lagre" for å bekrefte endringene.
Hint
- Hvis du vet bredden og høyden på bildet, i form av piksler, angir denne informasjonen i HTML-koden i tillegg. Disse verdiene er representert med følgende format:
- <Img src = "file_name.jpg" alt = "Bildebeskrivelse" width = "500" height = "350">