Tecnología

Inicio

Cómo hacer un juego de memoria en formato HTML

Cómo hacer un juego de memoria en formato HTML


Utilizar juegos de memoria hechos en casa como una forma divertida para revisar el material de enseñanza con los estudiantes. Crear un juego de memoria utilizando una tabla HTML simple donde cada tarjeta de memoria contiene ya sea una pregunta o respuesta que los estudiantes deben emparejar correctamente. Imprimir y distribuir el juego para que los estudiantes juegan en clase o para llevar a casa. Alternativamente, cargar el juego de memoria HTML en la página web de su escuela o un servicio de alojamiento de sitios web gratuito y dar a los estudiantes la URL para imprimir el juego ellos mismos.

Instrucciones

1 Escribir una lista de seis preguntas y respuestas relacionadas con un tema en particular. Elija las preguntas con respuestas directas, tales como "¿Quién fue el primer presidente de los Estados Unidos?" o "¿Cuántas tazas hay en un galón?"

2 Crear una tabla HTML de cuatro columnas y tres filas para un total de 12 celdas. Cada célula actuará como una tarjeta de juego de memoria. Dar a la mesa de un borde para que pueda cortar fácilmente a cabo cada tarjeta. Definir cada célula como una célula de cabecera usando la etiqueta <th> fin de que los centros de contenido dentro de la célula. Muestra cada célula como el tamaño de una pequeña tarjeta de juego mediante la definición del tamaño de cada celda como 150 píxeles de ancho por 250 píxeles de alto.

3 De entrada o bien una pregunta o una respuesta en cada célula por lo que seis de las células contienen preguntas y seis de las células contienen respuestas a juego.

Crear el código HTML final juego de memoria de la siguiente manera, en sustitución de la "cuestión" y "respuesta" marcadores de posición con contenido real.

<Table border>

<Tr> <th width = 150 height = 250> Pregunta 1 </ th>

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

<Th width = 150 height = 250> Pregunta 2 </ th>

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

<Tr> <th width = 150 height = 250> Pregunta 3 </ th>

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

<Th width = 150 height = 250> Pregunta 4 </ th>

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

<Tr> <th width = 150 height = 250> Pregunta 5 </ th>

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

<Th width = 150 height = 250> Pregunta 6 </ th>

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

</ Table>

4 Pegar el código del juego de memoria en una página HTML. Sube la página HTML en un servidor Web. Abra la página Web en línea. Imprimir la página HTML y cortar a lo largo de los bordes de las celdas de tablas para crear cartas de juego de memoria individuales.

Consejos y advertencias

  • Los padres también pueden crear juegos de memoria para sus propios niños jueguen en casa.
  • Crear juegos de memoria con preguntas adicionales mediante la adición de filas de la plantilla HTML juego.
  • Por cada dos nuevas preguntas, inserte el siguiente código justo antes de la etiqueta </ ​​table> en la plantilla HTML:
  • <Tr> <th width = 150 height = 250> pregunta adicional 1 </ th>
  • <Th width = 150 height = 250> Respuesta adicional 1 </ th>
  • <Th width = 150 height = 250> pregunta adicional 2 </ th>
  • <Th width = 150 height = 250> adicional respuesta 2 </ th> </ tr>