Come fare un gioco di memoria in formato HTML

September 14

Come fare un gioco di memoria in formato HTML


Utilizzare i giochi di memoria fatti in casa come un modo divertente per rivedere materiale didattico con gli studenti. Creare un gioco di memoria utilizzando una semplice tabella HTML in cui ogni scheda di memoria contiene sia una domanda o risposta che gli studenti devono abbinare correttamente. Stampa e distribuire il gioco per gli studenti di giocare in classe o da portare a casa. In alternativa, caricare il gioco di memoria HTML nel sito della tua scuola o di un servizio web hosting gratuito e dare agli studenti l'URL per stampare il gioco se stessi.

istruzione

1 Scrivi un elenco di sei domande e risposte relative a un particolare argomento. Scegli domande con risposte chiare, come ad esempio: "Chi è stato il primo presidente degli Stati Uniti?" o "Quante coppe sono in un gallone?"

2 Creare una tabella HTML di quattro colonne e tre righe per un totale di 12 celle. Ogni cella agirà come una scheda di gioco di memoria. Dare il tavolo un bordo in modo che si può facilmente tagliare fuori ogni carta. Definire ciascuna cella come una cella di intestazione utilizzando il <th> tag in modo che i centri contenuti all'interno della cellula. Visualizzare ogni cella come le dimensioni di una piccola carta da gioco, definendo la dimensione di ogni cella di 150 pixel di larghezza per 250 pixel di altezza.

3 Ingresso sia una domanda o una risposta in ogni cella in modo che sei delle cellule contengono domande e sei delle cellule contengono risposte corrispondenti.

Creare il codice di gioco di memoria finale HTML come segue, sostituendo la "questione" e "risposta" segnaposto con contenuto vero e proprio.

<Table border>

<Tr> <width ° = 150 height = 250> Domanda 1 </ th>

<Th width = 150 height = 250> Risposta 1 </ th>

<Width ° = 150 height = 250> Domanda 2 </ th>

<Th width = 150 height = 250> Risposta 2 </ th> </ tr>

<Tr> <width ° = 150 height = 250> Domanda 3 </ th>

<Th width = 150 height = 250> Risposta 3 </ th>

<Width ° = 150 height = 250> Domanda 4 </ th>

<Th width = 150 height = 250> Risposta 4 </ th> </ tr>

<Tr> <width ° = 150 height = 250> Domanda 5 </ th>

<Th width = 150 height = 250> Risposta 5 </ th>

<Width ° = 150 height = 250> Domanda 6 </ th>

<Th width = 150 height = 250> Risposta 6 </ th> </ tr>

</ Table>

4 Incollare il codice gioco di memoria in una pagina HTML. Carica la pagina HTML su un server Web. Aprire la pagina Web in linea. Stampare la pagina HTML e tagliare lungo i bordi delle celle tabella per creare le singole schede di memoria gioco.

Consigli e avvertenze

  • I genitori possono anche creare giochi di memoria per i propri bambini di giocare in casa.
  • Creare giochi di memoria con ulteriori domande con l'aggiunta di file al modello di gioco HTML.
  • Per ogni due nuove domande, inserire il seguente codice a destra prima del </ table> tag nel modello HTML:
  • <Tr> <th width = 150 height = 250> domanda aggiuntiva 1 </ th>
  • <Th width = 150 height = 250> risposta aggiuntive 1 </ th>
  • <Th width = 150 height = 250> questione Ulteriori 2 </ th>
  • <Th width = 150 height = 250> Ulteriori risposta 2 </ th> </ tr>