Cómo Hacer Una Imagen En Html

Tabla de contenido:

Cómo Hacer Una Imagen En Html
Cómo Hacer Una Imagen En Html

Video: Cómo Hacer Una Imagen En Html

Video: Cómo Hacer Una Imagen En Html
Video: como insertar una imagen en html | la forma más sencilla! 2024, Noviembre
Anonim

HTML es un lenguaje de marcado que se utiliza para crear páginas de Internet. Se puede utilizar para personalizar la visualización de varios elementos, incluidas las imágenes. La configuración de la visualización de imágenes en HTML se realiza a través de una etiqueta especial.

Cómo hacer una imagen en html
Cómo hacer una imagen en html

Instrucciones

Paso 1

Abra su archivo HTML con el editor de texto que usa para editar páginas web. Si no tiene un archivo HTML, créelo haciendo clic izquierdo en el escritorio o en la carpeta requerida y haga clic en el menú "Nuevo" - "Documento de texto". Ingrese un nombre de archivo y agregue la extensión html después del punto. Luego, haga clic derecho en el documento nuevamente y seleccione "Abrir con" - "Bloc de notas". Verá un documento en blanco en el que puede poner código HTML.

Paso 2

Para crear una imagen en HTML, se utiliza una etiqueta, que debe colocarse en una sección para su visualización. Por ejemplo:

Imagen en HTML

Paso 3

La etiqueta no se cierra y no requiere una etiqueta de cierre. Su parámetro principal, que debe utilizarse, es src, que establece la ruta al archivo de imagen deseado. Puede especificar en esta línea tanto la ruta completa (con https://) como la relativa (por ejemplo, /pictures/img.jpg) al archivo de imagen que desea colocar.

Paso 4

Otro parámetro importante es alt, que define el nombre de la imagen y su identificación en la página. Este nombre aparecerá cuando el usuario pase el mouse sobre la imagen.

Paso 5

También puede utilizar los atributos de ancho y alto para establecer parámetros de imagen. La primera configuración es responsable de la longitud y la segunda es la altura de la imagen en la página. Este parámetro se especifica en píxeles. Por lo tanto, la etiqueta & img> se puede configurar:

Paso 6

Con esta etiqueta, se crea una imagen, cuya ruta se registra en el atributo src. Cuando pase el cursor sobre la imagen, verá el mensaje "nombre de la imagen". En este caso, la imagen tendrá 300 píxeles de ancho y 250 píxeles de alto. Puede configurar todos los parámetros anteriores como desee.

Paso 7

Guarde los cambios en el archivo usando la función "Archivo" - "Guardar". Abra el documento en un navegador para comprobar si la imagen se creó correctamente en HTML. Para hacer esto, haga clic derecho en el archivo y seleccione la sección "Abrir con", y luego haga clic en la línea con el nombre de su navegador. La creación de la imagen HTML está completa.

Recomendado: