HTML V: Elementos en tablas


En este curso usaremos las tablas para añadir elementos a la página de una forma más estructurada. Así, se mostrará como crear una tabla de m x n dimensiones y como introducir elementos (en este caso imágenes) en ellas. A los propios elementos se les puede añadir otros, como enlaces por ejemplo.

Creamos nuestro documento de HTML y CSS:

Añadimos una tabla con tres filas:

A cada fila se le agregan tres elementos:

Se pone un encabezado a la tabla:

En cada celda se introduce una imagen:

Y a cada imagen se añade un enlace:

Fin:

Comentarios

Publicar un comentario

Entradas populares de este blog

Resumen Pseudocódigo. Ejercicios Pseudocódigo.

Imagen
Los fundamentos de programación son las bases comunes a todos los programas. Existen dos tipos de lenguajes de programación según su cercanía al lenguaje ordenador (1 y 0). Bajo nivel : son los más complicados y los menos usados. El código puede ser directamente interpretado por el ordenador. Ej: código máquina Alto nivel: las instrucciones se dan en un lenguaje más parecido al nuestro, normalmente en inglés. Ej: Java, C#, Python… Dentro de estos existen los programas interpretados, es decir, las instrucciones se ejecutan por el propio programa; y el compilado en los que el programa traduce las instrucciones a código ordenador. PROGRAMAS Y ALGORITMOS: Un programa es una secuencia de instrucciones, esto es, órdenes realizadas a la máquina. La forma en la que utilizas dichas instrucciones para solucionar un problema se denomina algoritmo. Algoritmo: secuencia de pasos a seguir para resolver un problema / sucesión finita de pasos no ambiguos que se pueden ...
Leer más

HTML VIII: selectores

Imagen
Los selectores son elementos que nos permitirán identificar partes distintas del código HTML, esto es, poder diferenciar una divisón de otra, un enunciado de otro... Los selectores mostrados son los identificadores y las clases, que se pueden llamar desde CSS y aplicarles propiedades para que afecten a una zona determinada del programa (la tipografía de un párrafo, el color de fondo de una división...).
Leer más

Javascript VII: El final. Juego cazadragones

Imagen
En esta última lección se mostrará como crear un juego simple, en el que ganas o pierdes aleatoriamente contra un dragón. En esta primera captura se muestra como va a ser el código final del juego, que se irá explicando progresivamente en esta lección. Primero de todo vamos a definir las variables que vamos a usar: atacar indicará si el juego continúa o no, será false cuando tú o el dragón mueran; vosAcertas coge un número random y lo redondea a 1 o 0; lastimaEsteRound escoge un número entero que será el daño que le quitas al dragón en caso de acertar; perdidaTotal es el daño total inflingido:  Después se crea el bucle while, que solo se ejecutará mientras atacar no sea false: Las primeras condiciones serán comprobar si acertaste (se muestra el mensaje de "Felicidades") o fallas (y el dragón te derrota); Por último, poner un límite de vida al dragón (en este caso 4), ir sumando el daño causado en cada ronda (perdidaTotal += el daño por ronda) y com...
Leer más