Differences

This shows you the differences between two versions of the page.

--- lehrkraefte:blc:informatik:glf24:web:seiten-verlinken [2025/04/22 08:32] – [Direkte, relative Verlinkung] Ivo Blöchliger
+++ lehrkraefte:blc:informatik:glf24:web:seiten-verlinken [2025/04/22 08:52] (current) – [Bild verlinken] Ivo Blöchliger
@@ Line 44: / Line 44: @@
 ===== Links in eine Liste packen =====
-  * Schreiben Sie Ihre Link-Liste zwischen <ul> und </ul> Tags, und jeder Link zwischen <li> und </li> Tags.
+  * Schreiben Sie Ihre Link-Liste zwischen <ul> und </ul> Tags, und jeder Link zwischen <li> und </li> Tags. Rücken Sie dabei den Code sauber ein, z.B. wie folgt:
+<code html>
+  Hier noch ein paar Links
+  <ul>
+    <li><a href="....">bla bla</a></li>
+    <li><a href="....">bla bla</a></li>
+  </ul>
+</code>
   * Speichern, hochladen, testen.
 ===== Bild verlinken =====
+Ein Bild kann wie folgt eingebunden werden:
+<code html>
+<img src="pfad/zum/bild.jgp">
+</code>
+wobei der Pfad weggelassen werden kann, wenn das Bild im gleichen Verzeichnis liegt. Sonst lohnt es sich, alle Bilder in einem Unterverzeichnis ''images'' oder ''bilder'' zu speichern und diese dann entsprechend zu verlinken.
+  * Erstellen Sie ein Bild mit der Grösse 32x32 Pixel mit einem Pfeil nach links (oder sonst ein Symbol für "zurück"). Nennen Sie die Datei "back.png".
+  * In der Datei ''news.html'', fügen Sie das Pfeilbild ein und verlinken es auf ''index.html'', indem Sie es mit entsprechenden <a>-Tags umgeben.
+  * Speichern, hochladen, testen.