Cómo subir básicas etiquetas HTML para las fotos

la codificación de imágenes en HTML es bastante sencillo. Es necesario que el título del archivo de imagen, subirlo al directorio de su sitio web en el área de host del sitio y, a continuación, agregue el código básico para cada imagen de manera que se abren correctamente cuando su sitio se ve. La pertinente atribuye a incluir son la fuente de la imagen, alineación de la imagen en la página, el texto "alt", el espacio vertical y horizontal, y dimensiones de la imagen. La mitad de estos se omite frecuentemente, y es una cuestión de elección personal y el diseño del sitio en cuanto a si o no desea hacerlo. codificación de la imagen es bastante rápido una vez que el cuelgue de ella, y es fácil de cambiar.

Instrucciones

1 Editar todas tus imágenes a tamaños realistas para Internet. Guardar cada archivo con un nombre sensible, en lugar de un número, para facilitar su identificación. Un nombre de archivo de "tahiti_palmtrees2009.jpg" es fácil de encontrar que "DSC9948234144." Se debe identificar claramente la imagen. Colocar todas las imágenes que va a ir a su sitio web en una carpeta titulada "Imágenes del sitio", o algo similar para que pueda localizarlos.

2 Inicio de sesión en su sitio web de servicio de alojamiento de utilizar su programa de FTP o cualquier otro método normalmente se utiliza. Crear una carpeta titulada "imágenes". Tener una carpeta de imágenes por separado le permite mantener HTML y otras páginas separadas para una fácil localización. Sube todas las imágenes que ha seleccionado para su sitio en esa carpeta. Si prevé la posibilidad de subir 100 imágenes a partir de tres temas distintos, nombre de sub-carpetas en consecuencia para que se agrupan. "Tahití", "Mariposas" y "Conciertos" incluiría entonces las imágenes pertinentes en cada subcarpeta.

3 Abra una de sus páginas web en los que desea que las imágenes vayan "tahiti_trip.html" abierto para las fotos de Tahití. Busque el área dentro de su texto en el que desea añadir las fotos. Entonces codificar cada uno como sigue:

<Img align = "ubicación en el texto" src = "/ images / subcarpeta Nombre / imagename.jpg" ALT = "nota sobre la imagen">

La foto de Tahití de las canoas rojas a la izquierda del texto quedaría como sigue:

<Img align = "left" src = "/ images / Tahití / red_dugout.jpg" ALT = "Remé estas canoas.">

4 Añadir detalles para la colocación con precisión si lo desea. Esto incluiría cuánto espacio dejar (en píxeles) a los lados y parte superior e inferior de la imagen, además de dimensiones de la imagen. Puede hacer clic en cualquiera de las imágenes para obtener su altura y la anchura en las propiedades.

<Img align = "left" src = "/ images / Tahití / red_dugout.jpg" ALT = "Remé estas canoas">

entonces se convertiría en:

<Img align = "left" src = "/ images / Tahití / red_dugout.jpg" width = "220" height = "133" vspace = hspace "12" = "15" alt = "Remé estas canoas">

5 Repetir la codificación de la imagen para cada fotografía. Compruebe la página web periódicamente mediante la actualización de él para ver cómo aparecerá el diseño. Si las cosas son demasiado lleno de gente, mover la imagen alrededor dentro del código de párrafo para el texto, o darle su propio párrafo: <p> <. IMG SRC ... etc> </ p> Añadir o eliminar "hspace" y "vspace " según sea necesario.

6 Continuar la incorporación de todo el código para cada imagen hasta que el sitio se ha completado. Copias de seguridad de sus páginas.

Consejos y advertencias

• Si usted comprueba su página web y los tres de las cinco imágenes muestran correctamente, pero dos no lo hace, por lo general es debido a un error de codificación muy simple. Vuelva a leer el código HTML para cada imagen en cuestión. Es posible encontrar una "(comillas) en el sitio equivocado, o se olvidó de cerrar un soporte.
• No cargue otras imágenes de las personas sin su permiso - que podría estar tratando con una infracción de copyright.