Wie man Bilder nebeneinander im HTML-Format

1/1/2016

763755

Mit HTML können Sie Bilder Seite an Seite in einem Web-Seite, die in mindestens drei verschiedene Arten: durch Verwendung von Tabellen, cascading style sheets, oder wenn man die image-tags nebeneinander, die keine anderen HTML-tags zwischen Ihnen. Zu wissen, wie sich zu bewerben, die mindestens einen dieser Ansätze können Sie Ihre Web-Seite für grafische Inhalte in einer organisierten Art und Weise. Beachten Sie, dass die Platzierung der Bilder nebeneinander garantiert nicht alle Bilder werden auf einmal sichtbar. Schneiden Sie Ihre Bilder zu Dimensionen, die mit dem rest die Inhalte Ihrer Seite.

Mit HTML können Sie Bilder Seite an Seite in einem Web-Seite, die in mindestens drei verschiedene Arten: durch Verwendung von Tabellen, cascading style sheets, oder wenn man die image-tags nebeneinander, die keine anderen HTML-tags zwischen Ihnen. Zu wissen, wie sich zu bewerben, die mindestens einen dieser Ansätze können Sie Ihre Web-Seite für grafische Inhalte in einer organisierten Art und Weise. Beachten Sie, dass die Platzierung der Bilder nebeneinander garantiert nicht alle Bilder werden auf einmal sichtbar. Schneiden Sie Ihre Bilder zu Dimensionen, die mit dem rest die Inhalte Ihrer Seite.
Plain IMG-Tag

Öffnen Sie eine neue Datei in einem Textverarbeitungsprogramm oder text-editor wie Notepad.
Geben oder fügen Sie den folgenden leeren HTML-Dokument in Ihrem Textverarbeitungsprogramm. Dieses Dokument hat keine Bild tags noch. Fügen Sie diese weiter.
Geben Sie den folgenden HTML-tags nach dem '' - tag. Diese tags sagen Sie Ihren browser und laden Sie die Bilder auf der Web-Seite. Da ist kein Absatz, Zeilenumbruch oder andere HTML-Tags zwischen die beiden image-tags, Bild-tags angezeigt, die nebeneinander auf der Web-Seite. Dies wird nicht der Fall sein, wenn Sie die Größe Ihres Browsers, um weniger als die volle Breite des Monitors, oder wenn Ihre Bilder sehr groß sind.
Speichern Sie Ihr Dokument unter beliebigen Dateinamen mit der Erweiterung '.htm' oder '.html,' und als Typ 'plain text'. Dies gewährleistet, dass der browser interpretiert die HTML-tags in der Datei.
Öffnen Sie den Windows Explorer, navigieren Sie dann zu einem beliebigen Ordner mit zwei oder mehr JPEG-Dateien.
Kopieren Sie zwei JPEG-Dateien zu dem Ordner, der Ihre HTML-Dokument, das Sie in Schritt 4 gespeichert.
Benennen Sie einen der JPEG-Dateien als 'imageLeft.jpg' und die andere als 'imageRight.jpg.

, Wie man Bilder nebeneinander auf einer Web-Seite
Wie man HTML-Teiler

Klicken Sie auf die Datei, die Sie in Schritt 4 gespeichert, dann drücken Sie 'Enter', um öffnen Sie die Datei in Ihrem Standard-Web-browser. Der browser zeigt die beiden Bilder nebeneinander.

Tabellen

Fügen Sie den folgenden leeren HTML-Dokument in einem Textverarbeitungsprogramm oder text-editor.

Fügen Sie den folgenden HTML-codes für die Definition der Tabelle nach dem '' - tag. Die Tabelle zwei Zellen neben einander. Wenn Sie Bilder einfügen in diese Zellen, die Bilder auch nebeneinander.

Geben Sie den folgenden nach dem ersten '

', die beginnt die erste Zelle der Tabelle. Dieser HTML-code lädt ein Bild in der Tabelle die Zelle.

Wiederholen Sie den vorherigen Schritt, aber legen Sie die zweite '' - tag nach dem zweiten '

' - tag, und ändern Sie die 'imageleft.jpg' Zeichenfolge 'imageright.jpg'

Speichern Sie das Dokument als Typ 'text' und geben Sie einen beliebigen Dateinamen mit der Endung '.htm' oder '.html.'

Öffnen Sie den Windows Explorer, navigieren Sie zu einem Ordner mit mindestens zwei JPEG-Dateien. Möglicherweise finden Sie diese Dateien, indem Sie auf die 'Bilder' - link der oberen linken Bereich des Windows Explorer.

Kopieren Sie zwei JPEG-Dateien in den Ordner mit der Textdatei, die Sie in Schritt 5 gespeichert.

Benennen Sie einen der JPEG-Dateien als 'imageLeft.jpg' und die andere als 'imageRight.jpg.'

Doppelklicken Sie auf oder drücken Sie 'Enter' auf die Datei, um es zu öffnen in Ihrem browser. Sie sehen eine Tabelle, deren Zellen enthalten ein Bild auf der rechten Seite ein anderes Bild.