Agregar una imagen usando html

Agregar imágenes a su sitio web o perfil de red social es una excelente manera de vestir su página web. HTML (HyperText Markup Language) tiene toneladas de funciones para crear páginas web, pero afortunadamente el código que necesita para agregar imágenes no es demasiado difícil.

Pasos

Método 1 de 1: insertar imágenes con HTML

Imagen titulada Insertar imágenes con HTML Paso 1
1. Cargue su imagen en un sitio web de alojamiento gratuito, como Photobucket o TinyPic, que permite la vinculación activa. El enlace activo permite un enlace directo desde una imagen al servidor del sitio web; algunos proveedores han prohibido esto porque los enlaces directos usan su ancho de banda y ocupan espacio en sus servidores.
  • Si tiene una cuenta de alojamiento paga, cargue las imágenes directamente en el servidor donde se encuentra su sitio web. Esto siempre es más confiable que un sitio gratuito y no tiene por qué ser caro en absoluto.
Título de la imagen Insertar imágenes con HTML Paso 2
2. Abra un nuevo documento en un editor de texto (b.v., Bloc de notas/Bloc de notas) o abra la página en su sitio web/perfil donde puede cambiar el código HTML directamente.
Título de la imagen Insertar imágenes con HTML Paso 3
3. Comience con el imagen etiqueta. El imagen la etiqueta está vacía, lo que significa que no se necesita una etiqueta de cierre. Pero, para la validación de XHTML, aún puede poner un espacio y una barra inclinada antes mas grande que firmar.
Título de la imagen Insertar imágenes con HTML Paso 4
4. Hay muchos atributos disponibles, pero solo uno es necesario:origen. Esa es la ubicación/dirección, o también la URL, de su imagen.
Título de la imagen Insertar imágenes con HTML Paso 5
5. Entonces tienes que alternativa agregar atributo. Esto mostrará un texto alternativo, en caso de que la imagen no se cargue. Este también es un servicio para personas con discapacidad visual que utiliza lectores de pantalla.
Si pasa el cursor sobre una imagen, este texto también se muestra como información sobre herramientas, pero este es solo el caso en Internet Explorer. La solución que funciona con todos los navegadores (Firefox y otros.) es para esotítulo atributo que se utilizará junto a alternativa. (Puede omitir este último si no desea que la imagen tenga información sobre herramientas.)

Como ejemplo:"por

  1. 1. Ahora posiblemente podría indicar el tamaño de la imagen, con el altura y ancho atributo, y especificando los píxeles o un porcentaje. Tenga en cuenta que cambiar el tamaño de esta manera solo cambia el tamaño de la pantalla, no el tamaño de la imagen en sí. Para acortar el tiempo de carga de una imagen, es mejor, especialmente con imágenes grandes, redimensionarla previamente con un software de edición de fotos o con un servicio en línea como PicResize.com.
  2. "por
Imagen titulada Insertar imágenes con HTML Paso 6Bullet1
  • "por
    Imagen titulada Insertar imágenes con HTML Paso 6Bullet2
  • Consejos

    • El valor de estos atributos se proporciona en píxeles o en un porcentaje, del 1 al 100 %.
    • La imagen se puede colocar en cualquier parte de la página web, utilizando los diversos atributos de formato, como arriba, abajo, medio, derecha, izquierda, etc.
    • El atributo hspace se aplica para insertar un espacio horizontal a la izquierda y a la derecha de una imagen, utilizando el atributo vspace para crear espacio en la parte superior e inferior de las imágenes y otros objetos.
    • No te entretengas demasiado con las imágenes. Eso se ve desordenado y poco profesional.
    • Las imágenes GIF están bien para logotipos o dibujos animados, pero este tipo de archivo es menos adecuado para fotos y otras imágenes con muchos colores.
    • Las imágenes GIF solo admiten colores de 8 bits con un máximo de 256 colores por imagen. Por lo tanto, es de esperar que la representación de una ilustración o foto en color de 16 o 24 bits sea menos buena.
    • Las imágenes GIF también admiten transparencia. La transparencia de un bit es posible, lo que significa que un color puede hacerse transparente.
    • El entrelazado también es compatible con imágenes GIF, lo que significa que el visitante del sitio tiene una idea de cómo se verá la imagen antes de que se cargue por completo.
    • El formato GIF también admite animación.
  • Asegúrese de que la URL indique el formato de archivo de la imagen (.jpg .veneno, etc.).
  • Advertencias


    Оцените, пожалуйста статью