1. Bilder

<img src="/images/DSC00258.JPG" alt="" border="0" width="160" height="120">

und so sieht es dann aus


2. Links extern

 dieser Link öffnet die neue Seite in dem gleichen Fenster 

 <a href="http://www.google.de">www.google.de</a>  



 dieser Link öffnet die neue Seite in einem neuen Fenster 

 <a href="http://www.google.de" target="blank" >www.google.de</a>  

und so sieht es dann aus


3. Links intern

<a href="/html/19.html">Bild</a>

Nun noch einige Erläuterungen zu den benutzten Pfaden.
Es werden unterschieden relative und absolute Pfade.

• relative Pfade
  • werden benutzt i.d. R. wenn das Objekt sich am gleichen Ort (Webserver) befindet
  • zum besserem Verständniss habe ich die Ordnerstruktur bebildert

  
  
  
  
  
  
  
  Bild.jpg soll auf die index.html eingefügt werden --> <img src="/Bild.jpg">
  
  
  
  
  
  
  
  
  
  
  Bild.jpg soll auf die index.html eingefügt werden --> <img src="/images/Bild.jpg">
  
  
  
  
  
  
   
  
  
  
  Bild.jpg soll auf Seite2.html eingefügt werden --> <img src="/../images/Bild.jpg">
  

• absolute Pfade
  • werden benutzt i.d. R. wenn das Objekt sich nicht am gleichen Ort (Webserver) befindet
  • z.B. man möchte mit einen Link auf eine andere Webseite verweisen --> 
    <a href="http://www.chopperfreunde.de">www.chopperfreunde.de</a>