Online -Fotogalerien Regel speichern die Fotos in Ordnern und die sie begleitenden caption Informationen in einer Datenbank . Wie ein Foto dreht in die Sichtfenster der Galerie können die Beschriftung in der Datenbank gezogen und generiert als alternativen Text , wenn das Foto nicht angezeigt wird oder als Beschriftung unter dem Foto. Verfahren zur jeweils einander gleich . Experimentieren Sie mit Einbetten von PHP in der alternativen Textfeld eines Fotos sowie die Verwendung in einem Absatz Element unter das Foto , um ein Gefühl für den Prozess zu bekommen. Anleitung
1
Öffnen Sie ein HTML-Dokument , und erstellen Sie eine PHP- Variable namens " $ photo_caption ", um einige Beispiel caption Text halten . Legen Sie diese PHP-Programmierung entweder an der Spitze der HTML-Seite oder zwischen den Body-Tags :
< php
$ photo_caption = " Dies ist ein Titel . ";
< P ? > ? >
2
Geben HTML-Codierung zwischen den Body-Tags , um ein Bild auf der Seite genannt platzieren " photo.jpg . " Es ist okay, dass Sie nicht haben, ein Bild namens " photo.jpg . " In der Tat ist es bevorzugt, da dann der alternative Text erscheint. Verwenden Sie das PHP "echo "-Funktion , um die Beschriftung innerhalb des alternativen Text -Attribut zu erzeugen: " ? < Php echo $ photo_caption ; > "
< img src = " photo.jpg " alt = width = " 360px " height = " 250px " />
3
Geben HTML-Codierung , um eine Beschriftung unter dem Foto platzieren. Verwenden Sie das PHP "echo "-Funktion , um die Beschriftung hier erzeugen , sowie :
< ? Php echo $ photo_caption ; >
4 < p> Speichern Sie Ihre Seite mit einem . php und testen Sie es auf einem PHP -Server oder über ein Online- PHP-Code -Emulator. Sie sollten einen Überblick über eine fehlende Foto mit alternativen Text über die Oberseite zeigt die Beschriftung . Sie sollten auch sehen die Beschriftung unter dem Foto. Der vollständige Code erscheint als = " Dies ist ein Titel . "; ?
>
< Img src = " photo.jpg " alt = " Php echo $ photo_caption ; ? > " Width = " 360px " height = " 250px " />
< php echo $ photo_caption ; ? >
< /body>
< /html>