Para crear tablas en nuestro documento HTML usaremos la etiqueta “table”, dentro de esta etiqueta introducimos la etiqueta “tr” que indica la fila, para incluir elementos dentro de cada fila usaremos la etiqueta “td”.
Para diferenciar la cabecera de la tabla podemos usar “th” dentro de su fila marcada por “tr”.
Si queremos que se muestre el borde de la tabla se lo indicaremos dentro de la apertura de la etiqueta “table” incluyendo “border=1”.
Otra propiedad importante como puedes ver en el código siguiente es la propiedad “colspan”, en este caso le indicamos que ocupe 2 columnas.
Otra parte importante de cualquier sitio web son los enlaces, tanto internos (dentro del documento) como externos (dirigidos a otros sitios web).
Para ello usaremos la etiqueta “a” en la que indicaremos en la propiedad “href” a donde queremos dirigirnos.
Con la propiedad “target” indicamos que el documento se abra en una pestaña distinta del navegador, si no incluimos esta opción, el documento se abrirá en la pestaña activa.
Para insertar imágenes en nuestro documento web usaremos la etiqueta “img”, pasándole con “src” la ruta al archivo imagen que queremos mostrar, indicando en la propiedad “alt” un texto alternativo por si falla la carga de la imagen.
El ancho y alto podemos incluirlo también antes de cerrar la etiqueta “img”, aunque normalmente se incluye en un archivo externo CSS que es el que dara el formato visual a nuestra web, separando asi el contenido HTML de la visualización que daremos con CSS.
Un ejemplo de código HTML para agregarla a nuestro documento podría ser asi:
<img src="img/jose.jpg" alt="Imagen de Jose" title="Imagen" widht="80px" height="80px"/>
