Entradas

Mostrando entradas de 2017

Módulo 4 - Lección 6 - Las imágenes

Imagen
Las imágenes son el elemento principal que confiere a la Web su carácter de hipermedia, es decir, su capacidad de integrar en un único soporte, la página web, contenidos muy distintos como texto, imagen, vídeo, audio y otros. <img>. La etiqueta para insertar una imagen en HTML es <img>. Si consultamos la documentación oficial, de HTML 4 y de HTML5 del World Wide Web Consortium, el W3C, veremos que no ha habido grandes cambios en la sintaxis de esta etiqueta. La etiqueta <img> tiene dos atributos obligatorios, Atributos : src El atributo src indica la ruta en la que se encuentra la imagen, alt mientras que el atributo alt es el texto alternativo que se debe visualizar cuando la imagen aún no se ha cargado o no se puede cargar por diversas razones, como puede ser que no exista o que su formato no sea válido. El atributo alt es muy importante para la accesibilidad de una página web. width ...

Modulo 4 - Lección 5 - Tablas

Imagen
Una tabla HTML, tal y como explica Wikipedia, es una forma gráfica de representar información de manera esquematizada, ordenada y compacta. “Voilà”, esto podría ser un buen ejemplo de tabla que representa a alumnos con sus respectivas notas. Y el esquema HTML de la tabla anterior. Como puedes observar, las tablas se organizan en filas y celdas. Puede que eches de menos la organización en filas y columnas de los procesadores de texto, o que estés pensando en el por qué de la nota de Jordi, o… bueno, de momento nos tendremos que conformar con lo que hay: filas y celdas. <table> y </table>. La etiqueta table indica el inicio y cierre de la tabla. El resto de etiquetas necesariamente estarán recogidas entre <table> y </table>. <tr> y </tr>. TR (Table Row) representa una nueva fila de la tabla. En el ejemplo tendríamos cuatro etiquetas tr. <td> y </td>. TD (...