1.6 Grafiken

Eine Grafik kann mit Hilfe eines img-Elements (image) in das HTML-Dokument eingefügt werden. Der relative Dateipfad, der ausgehend vom Speicherort des HTML-Dokuments zur Grafikdatei führt, wird dem Attribut src zugewiesen.

<img src="img/grafik.jpg">

Das img-Element ist ein leeres Element. Leere Elemente bestehen ausschließlich aus ihrem Start-Tag und besitzen keinen Inhalt und keinen Schluss-Tag.

Merke: Grafiken
HTML
<!DOCTYPE html>

<html lang="de">

   <head>
      <meta charset="UTF-8">
      <title>Startseite der Kaufmännischen Schule Tauberbischofsheim</title>
   </head>

   <body>
      <img src="img/logo.png">
      <h1>Kaufmännische Schule Tauberbischofsheim</h1>
      <h2>Herzlich Willkommen</h2>
      <img src="img/eingang.jpg">
      <p>
         Wir freuen uns über Ihr Interesse und<br>hoffen Ihnen auf den folgenden Seiten einen kleinen Einblick in unsere Schule geben zu können.
      </p>
   </body>

</html>
Abb. 1-11: Zwischenstand Startseite index.html Webprojekt KSTBBB