Mostrando entradas con la etiqueta imagenes. Mostrar todas las entradas
Mostrando entradas con la etiqueta imagenes. Mostrar todas las entradas

lunes, 31 de agosto de 2020

04 Imagenes

 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"/>





lunes, 7 de enero de 2019

07 Html Css. Enlaces, listas e imagenes

Como crear enlaces, listas e imagenes con etiquetas #Html, crea tu #web



Este seria el codigo de ejemplo:


<!DOCTYPE html><html><head><title>Enlaces, Imagenes y Listas</title><meta charset="utf-8"></head><body><!--Cabecera--><header>
</header> <!--Barra navegacion--><nav>
</nav><!--Contenido principal--><section><article><!--Enlaces--><a href="#">Enlace</a><a href="http://www.google.es">Google</a><a href="http://www.google.es" target="_blank">Google</a><!--Imagenes--><figure><img src="milogo.jpg" alt="logo"></figure><!--Listas--><h2>Listas</h2><h3>Ordenadas</h3><ol><li>Elemento 1</li><li>Elemento 2</li><li>Elemento 3</li></ol><h3>Desordenadas</h3><ul><li>Elemento 1</li><li>Elemento 2</li><li>Elemento 3</li></ul></article></section><!--Complemento lateral--><aside>
</aside><!--Pie de pagina--><footer>
</footer></body></html>