Hvordan lage et minne spillet i HTML

Hvordan lage et minne spillet i HTML


Bruk hjemmelagde minne spill som en morsom måte å gjennomgå undervisningsmateriale med elevene. Lag et minne spillet ved hjelp av en enkel HTML-tabell der hver minnekortet inneholder enten et spørsmål eller svar som elevene må pare opp riktig. Skriv ut og dele ut spillet for elevene å spille i klassen eller for å ta med hjem. Alternativt, laste opp HTML minnet spillet på skolens nettside eller en gratis nettside hosting tjeneste og gi elevene den URL for å skrive ut spillet selv.

Bruksanvisning

1 Skriv en liste med seks spørsmål og svar knyttet til et bestemt emne. Velg spørsmål med enkle svar, for eksempel "Hvem var den første presidenten i USA?" eller "Hvor mange kopper er i en gallon?"

2 Opprett en HTML-tabell med fire kolonner og tre rader for totalt 12 celler. Hver celle vil fungere som et minne spillet kort. Gi bordet en grense slik at du enkelt kan klippe ut hvert kort. Definer hver celle som en tittelcelle ved hjelp av <th> tag slik at innholdet sentre i cellen. Vise hver celle som størrelsen på en liten spillekort ved å definere størrelsen på hver celle som 150 piksler bred og 250 piksler høy.

3 Inngang enten et spørsmål eller svar i hver celle, slik at seks av cellene inneholder spørsmål og seks av cellene inneholder samsvarende svar.

Lag den endelige HTML minnet spillet koden som følger, erstatte "spørsmål" og "svar" plassholdere med selve innholdet.

<Table border>

<Tr> <th width = 150 height = 250> Spørsmål 1 </ th>

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

<Th width = 150 height = 250> Spørsmål 2 </ th>

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

<Tr> <th width = 150 height = 250> Spørsmål 3 </ th>

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

<Th width = 150 height = 250> Spørsmål 4 </ th>

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

<Tr> <th width = 150 height = 250> Spørsmål 5 </ th>

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

<Th width = 150 height = 250> Spørsmål 6 </ th>

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

</ Table>

4 Lim minnet spillet koden i en HTML-side. Last opp HTML-siden på en webserver. Åpne websiden online. Skriv ut HTML-siden og skjær langs tabellcellekantlinjer for å lage individuelle minne spillkort.

Hint

  • Foreldre kan også lage minne spill for sine egne barn til å spille hjemme.
  • Lag minne spill med flere spørsmål ved å legge til rader i HTML-spillet mal.
  • For hver to nye spørsmål, sette inn følgende kode rett før </ table> tag i HTML-mal:
  • <Tr> <th width = 150 height = 250> Tilleggsspørsmål 1 </ th>
  • <Th width = 150 height = 250> Tilleggs svar 1 </ th>
  • <Th width = 150 height = 250> Tilleggsspørsmål 2 </ th>
  • <Th width = 150 height = 250> Tilleggs svar 2 </ th> </ tr>