Index of /~fhs56643/html

[ICO]NameLast modifiedSizeDescription
[PARENTDIR]Parent Directory  -  
[TXT]AGENTS.md2026-09-30 18:18 3.8K 
[TXT]README.html2026-09-30 18:18 11K 
[TXT]README.md2026-09-30 18:18 5.8K 
[TXT]faq-brettspiel.txt2026-09-30 18:18 701  
[IMG]no-code-completion.png2026-09-30 18:18 276K 
[DIR]img/2026-10-02 12:12 -  
[TXT]beschwerde.html2026-10-02 12:47 1.0K 
[TXT]faq.html2026-10-02 12:47 1.1K 
[TXT]bilder.html2026-10-07 14:36 1.0K 
[TXT]farben.html2026-10-14 13:45 2.5K 
HTML-Übungen und Webspace

HTML-Übungen und Webspace

HTML-Übungen und Webspace

In dieser Übung arbeitest du mit HTML. Schreibe den Code "von Hand", verwende wirklich nur HTML, kein CSS oder Javascript. Lass den Code nicht von KI schreiben, schalte die "Codecompletion" im Editor ab:

PHPStorm - settings - Editor - General - Code Completion - Inline - NEIN bei enable inline completion

Diese Übung dient dazu, dass du das Schreiben und Verbessern von Code übst. Es geht nicht um das Endergebnis - das kann die KI in 10 Sekunden liefern. Üben kannst nur du selbst.

Lade alle Übungen in den Webspace hoch. Die URL deines Webspace lautet https://users.ct.fh-salzburg.ac.at/~fhsxxxx/ (mit deinem Usernamen statt fhsxxxx)

1) Beschwerdebrief

Hier ist ein Teil eines Briefes von Nanni an Ea-nasir, aus dem Buch Letters from Mesopotamia:

  How have you treated me for that copper? You have withheld
  my money bag from me in enemy territory; it is now up to you
  to restore my money to me in full.
  Take cognizance that from now on I will not accept here any
  copper from you that is not of fine quality. I shall from now on
  select and take the ingots individually in my own yard, and I
  shall exercise against you my right of rejection because you have
  treated me with contempt.

Es gibt auch eine Wikipedia-Seite über den Brief

Gestalte eine Webseite mit dem Dateinamen html/beschwerde.html die den Text enthält, und ungefähr wie eine e-mail formatiert ist: mit Datum, Absender, Empfänger, Betreff, Text.

Checks:

2) Farb-Tabelle

Hier ist eine Liste von Farben in mehreren Sprachen, leider sind die Worte alle aneinander-geklebt:

erstelle eine Webseite html/farben.html und in der Seite eine HTML-Tabelle mit 1 Zeile für die Überschriften und 11 Zeilen für die Farben, mit einer separaten Spalte pro Sprache.

Checks:

3) Bilder

Baue eine Webseite, die eine Bilder-Galerie ist. Sie soll drei Bilder enthalten:

Erstelle die Webseite html/bilder.html. Baue die drei Bilder ein.

Checks:

4) FAQ

Baue eine Webseite mit einer kleinen FAQ zu einem Thema, einem Hobby das dich interessiert. Es sollen nur 4 oder 5 Fragen und Antworten sein, die du selbst schnell schreiben kannst

Ein Beispiel von Brigitte: FAQ zu Brettspielen

Erstelle die Webseite html/faq.html. Baue deine Fragen und Antworten so ein, dass man zuerst nur die Fragen sieht, und wenn man auf eine Frage klickt die Antwort angezeigt wird.

Checks:

5) Inhaltsverzeichnis

Die Seite index.html hat eine spezielle Bedeutung am Webserver: Wenn man eine URL aufruft, die auf den Schrägstrich endet, dann wir in dem Ordner nach der Datei index.html gesucht, und diese angezeigt - falls sie existiert.

Gestalte die Seite index.html im Hauptordner deines Webspace um: Sie soll deinen Vornamen anzeigen, Links zu allen Übungsseiten enthalten, und eine Liste mit Links zu den Leuten mit denen du zusammengearbeitet hast.

Verwende alles was du schon über HTML gelernt hast um die Seite gut zu strukturieren und übersichtlich zu machen: Überschriften, Text, Listen, Links, ....

Checks: