| Om indsættelse af billeder i html-editorer, der ellers kun er
beregnet for modtagelse af tekst |
| (Editoren skal kunne vise teksten i html-format, for at du kan
indsætte billeder og det kan mx-5 klubbens editor). |
| Hvordan indsætter man et billede i MX-5 klubbens editor? |
| |
| |
Markér stedet, hvor billedet skal indsættes, ved f.eks. at skrive
teksten: "billede" og skift herefter til html-visning.
Overskriv teksten "billede" med "<img src="">" (uden de to omsluttende
anførselstegn).
Henvisningen til billedet skal nu indsættes mellem de to anførselstegn efter
src= og det skal være en såkaldt
absolut reference til en billedfil et sted på internet. Altså med http og alt
herefter indtil .jpg. |
| Billedfilen i dette eksempel ligger i mx-5 klubbens billeddatabase
med den fulde sti vist herunder: |
|
http://iloapp.mx5klub.dk/data/_gallery/public/7/1257619154_resized.jpg |
| Henvisningen til billedfilen skal indsættes mellem anførselstegnene
efter src= og det skal nu se sådan ud: |
| <img
src="http://iloapp.mx5klub.dk/data/_gallery/public/7/1257619154_resized.jpg"> |
Vælg herefter fanebladet for Design View (eller hvad det nu hedder)
for at se billedet indlæst i editoren.
Du skulle så gerne kunne se dette billede fra mx-5 klubbens billeddatabase. |
| Indsat billedfil start |
 |
| Indsat billedfil slut |
| |
| Gør billedet klikbart |
| Billedfilen er vist som "teaser" for et websted, der tilbyder den
nyttige service: Dækberegner. |
| Webstedets adresse er:
www.eurowheels.dk hvor man skal klikke på menupunktet Dækberegner. |
Webstedet er november 2009 designet sådan, at man også kan gå
direkte til Dækberegneren med dette link:
http://www.eurowheels.dk/Beregninger.asp |
Billedet ovenfor nu skal gøres klikbart med henvisning direkte til
Dækberegneren, Beregninger.asp.
(Det er dog ikke helt politisk korrekt at henvise til en underside uden visning af
dens omgivelser). |
| |
| Klikbart billede der henviser til eurowheels.dk's Dækberegner,
der bliver vist i et nyt browservindue. |
|
|
| |
Html-koden for denne henvisning er ret lang, idet den kun
indeholder eksterne referencer med lange navne.
Den er desuden tilføjet en tekst for Alt (=skærmtip ved mouse_over) samt krav om
visning i et nyt vindue.
Html-koden er derfor brækket over i to linjer: |
| |
