Wie Thumbnails auf der Unterseite eines Bildschirms setzen

September 1

Vorschau-Bilder auf Ihrer Website oder Blog zu platzieren erfordert keine umfangreiche HTML-Expertise, aber es verlangt, dass Sie zumindest eine grundlegende HTML-Kenntnisse haben. Es gibt zwei Dinge, die Sie tun, beim thumbnail Bilder am unteren Rand einen Bildschirm zu platzieren müssen. Zunächst einmal müssen Sie eine einzeilige Tabelle erstellen, in denen die Thumbnails untergebracht werden, dann musst du die Thumbnails in die HTML-Tabelle einfügen.

Anweisungen

Erstellen einer HTML-Tabelle

1 Melden Sie Ihre Web-Browser oder ein Blog.

2 Navigieren Sie zu der HTML-Seite, auf der Sie die Miniaturbilder platzieren möchten. Doppelklicken Sie auf die HTML-Datei, um die Seite zu öffnen.

3 Scrollen Sie nach unten der Seite. Klicken Sie einfach vor dem schließenden < / body > Tag.

4 Geben Sie den folgenden Code in das HTML-Dokument:

< Tabellenrahmen = "0" >

< tr >

Handy-1 </td > < td > Zeile 1,

Handy-2 </td > < td > Zeile 1,

Handy-3 </td > < td > Zeile 1,

</tr >

Diese Seite noch nicht beendet.

Die Bilder der HTML-Tabelle hinzufügen

5 Ziehen Sie die Maus über "Zeile 1, Handy-1" und wählen Sie "Strg" und "X", um den Text zu entfernen.

6 Fügen Sie den folgenden Text:

< A HREF = "& Lt; IMG" > http://www.yoursite/smallimage.jpg "> & Lt; IMG SRC ="http://www.yoursite/largerimage.jpg"Width ="164"Height ="110"Alt ="Vogel Thumbnail"Border ="0">< / a >

7 Ersetzen Sie "als http://www.yoursite/smallimage.jpg" durch den tatsächlichen Speicherort Miniaturansichten-URL.

8 Ersetzen Sie "als http://www.yoursite/largerimage.jpg" mit der URL des größeren Bildes zu öffnen, wenn die Miniaturansicht geklickt wird.

9 Wiederholen Sie Schritte 1 bis 4 zu ersetzen "Zeile 1, Zelle 2" und "Zeile 1, Zelle 3." Dann veröffentlichen Sie die überarbeitete Seite.