Tictactoe: a - Ein einfaches Design in html erstellen

Aus MINT.lentner.net
Zur Navigation springen Zur Suche springen

Ttt source1.png
>>> zurück zu Tictactoe

Der Code erzeugt eine Site, die ein Tic-Tac-Toe-Spielfeld anzeigt. Mithilfe einer Tabelle und dem img-Tag werden die Bilder der Spieler angezeigt (Bot oder Schoko).

Drumherum

Zeile 1 - 3 sowie 10 - 11 enthalten eine Kommentar bzw. definieren einen html-Bereich und einen body. Beides kann man auch weglassen, falls die Abgrenzung zu anderen Objekten nicht nötig ist.

h2-Tag

... Erzeugt die Überschrift. Das Attribut id vereinbart einen internen Namen, mithilfe dessen später darauf zurückgegriffen werden kann.

Der table-Tag

... definiert eine Tabelle
... tr eine neue Zeile (table-row)
... td eine neue Zelle (table-data)

Der img-Tag

... definiert ein Bild. Das Attribut src (Source) spezifiziert den Dateinamen, dessen Ziel im selben Ordner liegen muss, wie die Site

Aufgaben

Variiere das Design des Spiels durch eigene Bilder, Farben und Texte