¿COMO INSERTAR IMAGEN CON CODIGO HTML?
Este Articulo va para aquellas personas que no conocen como funciona el lenguaje en html.
Hoy les voy a explicar como insertar imagenes con una sencilla etiqueta.
Todo código comienza con un par de corchetes angulares (< >) y termina con otro par y una diagonal dentro (</ >) indicando que se abre y se cierra, ejemplos de algunas etiquetas:
<div></ div>
<head ></ head>
<body></ body>
<iframe></iframe >
exepto con el codigo de insercion de una imagen solo usa un par de corchetes para abrir y cerrar, ejemplo:
<img src="imagen.jpg" alt="imagen"/>
El atributo SRC sirve para indicar la RUTA o URL de la imagen y va siempre dentro de las comillas y el atributo ALT nos sirve para escribir una o varias palabras que se pueden observar cuando ucurre una falla en la busqueda de la imagen ( se pierde la ruta o url de la imagen).
Tambien podemos indicarle valores a las propiedades de nuestra imagen como lo son el ancho, alto:
<img src="imagen.jpg" alt="imagen" width="250" height="250" />
Todo en lenguaje en HTML es basado en palabras del idioma ingles, bien entonces se darán cuenta que width es ancho y height es alto, siempre dentro de las comillas ( asegurate de no borrar alguna por error ) es donde se debe indicar los valores que le darémos a nuestra imagen.
Otro atributo tambien muy popular es el de ponerle titulo a la imagen, este se muestra a un costado del puntero o cursor al pasarlo por encima de la imagen dentro de una pequeña burbuja flotante y se representa en el codigo mediante la palabra title . Ejemplo del código:
<img src="imagen.jpg" alt="imagen" width="250" height="250" title="mi imagen" />
Y ya por ultimo si quieren centrar la imagen solo basta agregar otra etiqueta llamada center:
<center>
<img src="imagen.jpg" alt="imagen" width="250" height="250" title="mi imagen" />
</center>
Asi es como nos queda terminado este codigo, La explicacion es bastante completa espero les sea de gran ayuda y si les gusto denle like, responderemos sus dudas y tambien pueden ver estos tutoriales en youtube abajo dejo el enlace.
ESTE TUTORIAL EN YOUTUBE:
*Codigo html para insertar una imagen en mi pagina web
OTROS SIMILARES:
Escribir comentario