Tictactoe: b - Webseiten-Elemente mit JavaScript manipulieren: Unterschied zwischen den Versionen

Aus MINT.lentner.net
Zur Navigation springen Zur Suche springen
Zeile 4: Zeile 4:
 
*>>> online Testen: [http://www.lepirate-rosenheim.de/privat/tictactoe/tictactoe2.html http://www.lepirate-rosenheim.de/privat/tictactoe/tictactoe2.html]<br>'''
 
*>>> online Testen: [http://www.lepirate-rosenheim.de/privat/tictactoe/tictactoe2.html http://www.lepirate-rosenheim.de/privat/tictactoe/tictactoe2.html]<br>'''
  
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).
+
xxx
 
+
===xxx===
===Drumherum===
+
xxx
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</br>
 
... '''tr''' eine neue Zeile (table-row)<br>
 
... '''td''' eine neue Zelle (table-data)<br>
 
 
 
===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.
 

Version vom 8. November 2023, 18:17 Uhr

Ttt source2.png

xxx

xxx

xxx