Ein HTML- Galerie ist ein Weg zu zeigen, die Bilder, die Sie in ordentliche, organisierte Spalten und Zeilen genommen haben . Sie können gemeinsam ein Bild oder eine Grafik , die Sie besitzen , solange ihre Dateiendungen Ende . Gif, . Jpg, . Png oder . TFF . Erfahren Sie, wie ein Vier-Säulen- , zweireihig Tisch mit vier Grafiken und vier Titel , Mitte der Tabelle auf der Seite zu bauen und einen Titel in die Galerie . Anleitung Electronics Grundlegende Gallery
1
Geben Sie den folgenden Code, um die grundlegende XHTML Homepage erstellen : < DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" "http ! ://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> < html xmlns =" http://www.w3.org/1999/xhtml "xml : lang = " en " Seite 2
Geben Sie den Beginn und das Ende
Tags zwischen Anfang und Ende -Tags.
3
Fügen Sie die Tabelle Zeile beginnen und enden Tags. Geben sie zwischen Anfang und Ende
tags:
4
Fügen Sie die Tabelle Daten -Tags zwischen den
< /tr> Tags. Dies ist die erste Zelle in der Tabelle , und auch die erste Spalte der Tabelle. Der Name, den wir für diese Zelle verwenden wird, ist eine Spalte , Reihe eins . | |
5 Fügen Sie Ihr erstes Bild über den ![]()
-Tag , als gezeigt : 
Erläuterung: Die ![]()
-Tag erfordert zwei Attribute kompatibel sein mit aktuellen Web - Coding-Standards : die src (Source) -Attribut, das direkt zeigt auf , wo die Datei auf dem Server gespeichert, und die Höhe ( alternative text) Attribut, das Grafiken beschreibt Sehbehinderte. Die ![]()
tag keinen End-Tag , zu trennen, so das letzte Zeichen mit einem Leerzeichen , dann ein Schrägstrich und dann die größer als sign.Note : Zu Demonstrationszwecken werde ich mit einer Reihe von geometrischen Grafiken .
6
Nach der Endtabelle Daten tag , ( ) , drücken Sie "Enter " und fügen Sie ein weiteres Paar
| -Tags. Dies wird die zweite Spalte , Zeile sein. |
7 Fügen Sie Ihre zweite Bild zwischen dem
| -Tags , um sicherzustellen, dass Sie sich daran erinnern die beiden erforderlichen Attribute , src und alt . 
8 Fügen Sie ein drittes Paar
< ;/td >-Tags , zusammen mit Ihrem " ![]() "-Tag. Dies wird drei Spalte , Reihe sein. · |
9 hinzufügen ein viertes Paar von
| -Tags , zusammen mit Ihrem image-Tag . Dies wird die vierte Spalte , Zeile sein. ·
10 Speichern und laden Sie das Dokument. . Es sollte wie die beigefügte Grafik
11
Typ ein zweites Paar
Tags nach der Tabellenzeile End-Tag und vor dem End-Tag für die Tabelle schauen , wie gezeigt :
12
Zwischen dem zweiten Paar
Tags , Typ vier Paare von < ; td> < /td >-Tags , wie gezeigt :
| Diese Tags werden Spalten eins bis vier , Zeile zwei .
13
Typ ein Paar bold-Tags zwischen den Anfang und das Ende "table data" -Tags , wie
14
Geben Sie die kursiv Tags ( ) zwischen den Bold-Tags , wie
15
Geben Sie den Titel jeder Grafik zwischen den kursiv Tags. Speichern und laden Sie Ihre Datei.
Format Gallery
16
Art der Anfang "center" tag zwischen dem Beginn " body"-Tag und dem Beginn " Tisch "-Tag , als gezeigt :
17 Typ das Ende "center" tag zwischen dem Ende "table" -Tag und dem Ende " body"-Tag , wie gezeigt : < ;/table> . Erklärung: die "Mitte" -Tags werden horizontal Mitte der Tabelle auf der Seite 18
Geben Sie den folgenden Attribut im Anfang "table" tag , Grenzen um den Tisch herum und um jede einzelne Zelle in der Tabelle zu erstellen , wie gezeigt :
die Tabelle sollte wie die beigefügte Grafik aussehen
19 Typ der . nach zwischen dem
| My Gallery | Erläuterung: Die Kopfzeile der Tabelle , oder | Tags werden verwendet, um eine Zelle, in der Text ist zentriert und fett zu erstellen. Die " colspan "-Attribut erstellt eine lange Zelle, was ist , in diesem besonderen Fall , vier Spalten lang , wie die Nummer vier in Anführungszeichen angegeben .
20 Typ der
< /h1> Überschrift-Tags um die Worte "meine Galerie" , um den Titel der Galerie abheben : My Gallery | ;
21
Speichern und laden Sie Ihre Datei auf Ihrem Server . Galerie sollte wie die beigefügte aussehen .
