Imágenes HTML

Como te dije anteriormente, en este artículo vas a aprender cómo insertar imágenes en tu página web. Antes que nada, te recomiendo que si no estás usando codepen, empieces a usarlo, por cuestiones de comodidad. Bien, ahora, la etiqueta que se usa para insertar una imagen es “<img />”, como verás, no tiene su cierre, es decir es una etiqueta simple (como “<br />” o “<hr />”). Pero tiene una particularidad, y es que necesita lo que se denomina parámetro o argumento. En este parámetro vamos a insertar la URL de la imagen que queremos poner. Busca una imagen cualquiera en Internet y copia su URL. Luego, en tu codepen, escribe:

	
<img src=”URL de la imagen que quieras” />		
	

Es fácil ver cuál es el parámetro en esta instrucción: src. Luego se pone un “=” y el valor del argumento entre comillas. “<img />” no es la única etiqueta que recibe parámetros (de hecho, todas las etiquetas pueden recibir parámetros), ni tampoco src es el único argumento, existen muchos más, pero por ahora los vamos a dejar de lado y te los voy a decir en cuanto sea necesario.

Por último, te invito a que escribas un pequeño artículo usando lo que aprendiste, al estilo Wikipedia, puede ser un texto hablando de algo que te interese, lo importante es que dediques un rato a practicar.

Para la próxima te voy a enseñar más elementos HTML, como links, tablas, listas, etc.