Tictactoe: a - Ein einfaches Design in html erstellen

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

Ttt source1.png

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