Hvordan kode Images for Mozilla

April 24

Nettsteder på nettet er kodet i Hypertext Markup Language, et felles web-basert datamaskin språk som angir sideelementer gjennom bruk av koder. For eksempel <body> er en HTML-kode som brukes til å angi den delen av websiden der alle synlige innholdet går. Du kan kode bilder i Mozilla Firefox gjennom <img> -taggen, som informerer leseren av plasseringen og dimensjonene på bildet. Du kan også bruke en annen populær Web-basert språk, Cascading Style Sheets, for å legge til ekstra egenskaper til bildet.

Bruksanvisning

1 Sett <img src = ""> i HTML-koden for å legge til et bilde til websiden.

2 Sett inn nettadressen til bildet mellom sitater. Et eksempel kan være: <img src = "http: // min website.com/picture.jpg">.

3 Legg høyde og bredde til <img> kode for å angi målene på bildet. For eksempel bruke: <img src = "http: // min website.com/picture.jpg" height = "<X> px" width = "<X> px">. Erstatte <X> med dimensjonene av bildet.

Hint

Du kan også legge til CSS attributter til et bilde. For eksempel kan du bruke "float: left" tag å justere bildet til venstre, eller "border: 2px solid # 000000" for å legge en solid, svart, to-pixel grensen til bildet. Å kode CSS attributter i et bilde, setter style = "attributt: value" i <img> -taggen. Et eksempel kan være: <img src = "http: //" style = "float: right">). Gå til W3Schools for å se alle tilgjengelige CSS attributter.
Du kan finne ut dimensjonene av et bilde i Windows Utforsker. Klikk "Start", velg "Computer" og deretter gå til mappen hvor bildet er lagret. Høyreklikk på bildet, og klikk deretter på "Properties". Klikk på "Details" fanen. Hvis bildet er lagret på en webserver, men ikke på harddisken din, lagre bildet til din PC for å finne dimensjonene.