TABLAS EN CÓDIGO HTML

El lenguaje HTML consiste en un conjunto de etiquetas y complementos predefinidos que el navegador web interpreta a la hora de generar una página para que sea visualizada.

Ahora, os explicaré como he hecho una práctica sobre HTML.

Para crear una tabla con imágenes en HTML tuve que ultilizar las siguientes etiquetas y complementos:

<table> Tabla, se emplea para estructurar una serie de datos alineados según un esquema de filas y columnas.

<tr> Table row, es decir, indica que comenzamos una fila en la tabla.

<td> Contenido de la celda.

<border> Atributo aplicado a la etiqueta <table> para configurar el grosor de los bordes de la tabla.

<meta charset> Etiqueta utilizada para poder escribir las tildes en las palabras en código HTML.

<img>Atributo utilizado para insertar una imagen.

<src> Complemento que se le añade al anterior atributo para añadir la imagen a partir de su URL.

<width> Complemento utilizado para dar el ancho que tú desees a la imagen.

<height> Complemento utilizado para dar la altura que desees a la imagen.

<a href>  Complemento que se utiliza para añadir una URL a la imagen, es decir, al hacer click en ella te lleva a una página web.

Como puedes ver aparece el atributo <tr>cerrado,es decir,</tr>. Esto sirve para que cuando vuelvas a utilizar dicho atributo las imagenes te salgan debajo de las que hayas puesto anteriormente.

Te dejaré una foto de como queda la imagen anterior en código HTML si la abres desde el navegador.

¡Y así es cómo quedaría!

Te facilitarŕ la entrada a otros sitios web que te pueden servir de ayuda.

El blog de mi profesor.

El blog de todos mis compañeros que aparece en la barra izquierda del blog.

¡No olvides dejar tu comentario!

Alice’s blog.

                                                                                                                      

 

Un comentario en «TABLAS EN CÓDIGO HTML»

Deja una respuesta

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Salir /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Salir /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Salir /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Salir /  Cambiar )

Conectando a %s