Tictactoe: a - Ein einfaches Design in html erstellen: Unterschied zwischen den Versionen

Aus MINT.lentner.net
Zur Navigation springen Zur Suche springen
Zeile 2: Zeile 2:
  
 
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).
 
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 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===
 
===h2-Tag===
 
... Erzeugt die Überschrift. Das Attribut <b>id</b> vereinbart einen internen Namen, mithilfe dessen später darauf zurückgegriffen werden kann.
 
... Erzeugt die Überschrift. Das Attribut <b>id</b> vereinbart einen internen Namen, mithilfe dessen später darauf zurückgegriffen werden kann.
 +
 +
===table-Tag===
 +
... definiert eine Tabelle
 +
... <b>tr</b> eine neue Zeile (table-row)
 +
... <b>td</b> eine neue Zelle

Version vom 8. November 2023, 15:46 Uhr

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 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.

table-Tag

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