-
Cómo incrustar PHP en una foto
-
galería de fotos en línea suelen almacenar las fotos en carpetas de archivos y sus respectivos datos de subtítulos en una base de datos. Como una foto rota en la ventana de visualización de la galería, el subtítulo se puede tirar desde la base de datos y genera como texto alternativo cuando la foto no aparece o como el subtítulo debajo de la foto. El proceso para cada uno es el mismo. Experimento con la incorporación de PHP en el campo de texto alternativo de una foto, así como se utiliza en un elemento de párrafo debajo de la fotografía para conseguir una sensación para el proceso.Instrucciones
1 Abrir un documento HTML y crear una variable de PHP llamado "$ PHOTO_CAPTION" para mantener un poco de texto de muestra de subtítulos. Coloque esta codificación de PHP, ya sea en la parte superior de la página HTML o entre las etiquetas del cuerpo:
<? Php
$ PHOTO_CAPTION = "Este es el título.";
?>
2 Introduce el código HTML entre las etiquetas del cuerpo para colocar una imagen en la página llamada "foto.jpg." Está bien que usted no tiene una imagen llamada "foto.jpg." De hecho, que es preferible, ya que entonces aparecerá el texto alternativo. Utilice la función de PHP "echo" para generar el subtítulo dentro del atributo de texto alternativo:
<Img alt = "<? Php echo $ PHOTO_CAPTION;?>" Width = "360px" height = "250px" />
3 Introduce el código HTML para colocar una leyenda bajo la foto. Utilice la función de PHP "echo" para generar el título aquí, así:
? <P> <? Php echo $ PHOTO_CAPTION; ?> </ P>
4 Guarde la página con una extensión .php y probarlo en un servidor PHP o utilizando un emulador de código PHP en línea. Debería ver un esbozo de una foto que falta con texto alternativo sobre la parte superior que muestra el título. También debe ver la leyenda debajo de la foto. El código completo aparece como sigue:
<Html>
<Head>
</ Head>
<Body>
<? Php
$ PHOTO_CAPTION = "Este es el título.";
?>
<Img alt = "<? Php echo $ PHOTO_CAPTION;?>" Width = "360px" height = "250px" />
? <P> <? Php echo $ PHOTO_CAPTION; ?> </ P>
</ Body>
</ Html>
