Cómo hacer una Cartera fotográfica Con HTML

Introduzca el código HTML que muestra su fotografía de la cartera.

portafolio fotográfico

Si usted es un fotógrafo y tener un sitio web que consideren la posibilidad de una fotográfico página de la cartera para que pueda obtener la máxima exposición de su trabajo. Esta colección de imágenes muestra a los visitantes sus imágenes pasadas y presentes y da a la gente la posibilidad de ver su talento. HyperText Markup Language (HTML) le ofrece la posibilidad de mostrar sus imágenes en la Web.Utilice el software de edición de texto para escribir el código HTML que hace que una cartera de fotografía básica.

Inicie sesión en su cuenta de alojamiento web. Cargue los archivos de imagen que visualizas en tu fotográfico cartera en la misma carpeta que contiene el archivo de índice principal de su sitio.

Inicie el software editor de texto y crear una nueva página o abrir un documento existente en la que desea crear un portafolio fotográfico. Coloque el cursor después de la etiqueta del cuerpo de apertura. Si el editor no proporciona automáticamente el código de la página HTML básica, escriba el siguiente: HTML cabeza / cabeza del cuerpo / cuerpo / HTML

Escriba h1/h1 etiquetas e introduzca su nombre entre estos elementos como este: h1Your Name/h1

Introduzca div style = / elementos div y coloque el cursor entre las comillas del atributo de estilo. Escriba float: left; alinear su cartera en el lado izquierdo de la página y permitir que sus imágenes se muestren en filas horizontales. Además, introducir el relleno: y escriba un valor numérico en píxeles para determinar la cantidad que aparezca espacio entre cada imagen. Para ilustrar: div style = float: left; padding: 5px; / div

Tipo img src = alt = / entre las etiquetas div y escriba el nombre de su archivo de imagen después de que el atributo src y una descripción de la fotografía después el atributo alt. Repita este proceso para visualizar todas las imágenes que desee. Por ejemplo: img src = photo1.jpg alt = Descripción de la foto 1 / img src = photo2.jpg alt = Descripción de la foto 2 / img src = photo3.jpg alt = Descripción de la foto 3 /

Guarde el archivo. El código HTML completa ahora se ve como este ejemplo: HTML cabeza / cabeza del cuerpo div style = float: left; padding: 5px; img src = photo1.jpg alt = Descripción de la foto 1 / img src = photo2.jpg alt = Descripción de la foto 2 / img src = photo3.jpg alt = Descripción de la foto 3 / / div / cuerpo / HTML

Vista previa de su trabajo en un navegador Web. Cuando esté listo, subir el documento a su anfitrión para publicar la cartera.