Tabla de imágenes en HTLM

Hoy os traemos una nueva actividad en la que hemos utilizado el HTML.Pero antes de seguir vamos a explicar brevemente este formato:

HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas deInternet. , En castellano viene a decir Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.

EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen comotextos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones,etc).

Actividad de collage de imágenes

Obras de Miguel Ángel
Obras de Miguel Ángel

Como pueden ver,hemos realizado un collage con varias imágenes,en este caso,obras del artista italiano Miguel Angel.

Para dicha actividad hemos utilizado HTML:

Captura de pantalla de 2017-11-23 08:38:04
Elaboración de la tabla

Para poder realizar el collage,hemos tenido que realizar todo eso en HTML.Para poder realizarlo hemos tenido en cuenta las siguientes etiquetas:

El elemento meta con atributo charset en un documento HTML está el destinado a indicar la codificación de caracteres utilizada (charset).

  • <div> : este comando sirve para dividir la página en secciones,lo que facilita el orden.
  • <table> :elemento que se utiliza para estructurar una serie de datos alineados en un esquema de filas y columnas.El atributo border se utiliza para dibujar bordes de separación entre las celdas.Se formaría así <table border=”1“>.
  • Las filas de una tabla se representa con la etiqueta <tr>(table row) y estas solo contienen celdas o <td>.
  • Las imágenes se representan con la etiqueta <Img>La dirección del arhivo correspondiente</Img>.
  • También es recomendable incluir el atributo alt,permite incluir un texto alternativo  que describe la imagen y que se mostrará en caso de que el navegador no pueda mostrarla.
  • Para introducir enlaces,la etiqueta utilizada es <a>los atributos de esta etiqueta son href  que permite incluir la ruta hacia la pagina con la que enlazará.
  • Tambien existe otras etiquetas como <strong> que permite escribir en negrita o <small> escribir en pequeño.

 

 

Responder

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. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s