Wie man Bilder auf einer Webseite zu schweben

April 10

Menschen machen oft Bilder Schwimmen auf einer Webseite, wenn sie ihnen bemerkt zu werden, vor allem anzeigen. Bilder Schwimmen auf einer Webseite zu machen ist, zwar nicht schwierig erfordert es grundlegende Kenntnisse der Web-Entwicklung und Programmierung. Ein Bild kann mit HTML- oder CSS-Code geschwommen werden.

Anweisungen

Schwimmende mit CSS-Code

1 Um das Bild nach links Schwimmen, verwenden Sie den folgenden Code:{img.floatLeft}

float: left; margin: 4px;

}

2 Passen Sie die Einstellungen im Code. Beispielsweise, wenn Sie nicht, dass einen Rand von 4 Pixel möchten, ändern Sie es was Marge 4 durch eine andere Nummer ersetzt werden soll.

3 Um ein Bild nach rechts Schwimmen, verwenden Sie den folgenden Code:{img.floatRight}

float: right; margin: 4px;

}Auch hier kann die Marge genauso geändert werden, die sie in Schritt 2 geändert wurde.

Schwimmende mit HTML-Code

4 Um ein Bild auf der linken Seite der Seite mit HTML zu schweben, geben Sie den folgenden Code in deinen Texteditor:< Körper >< Img-Klasse "FloatLeft" = >< p > das ist der Text, den das Bild um </p > schwimmt

5 Ersetzen Sie die den Namen der Bilddatei als auch den Text im HTML-Code. Wenn das Bild auf einem Server gespeichert ist, müssen Sie möglicherweise gehören den vollständige Pfad des Bildes in der < Img Src = > Tag. Ein Beispiel für eine vollständige Pfad des Bildes würde etwa so aussehen "/ Images/meine pictures/webpageimages/yourpicture.jpg."

6 Ein Bild auf der rechten Seite der Seite zu schweben, einschließlich des folgenden Codes:< Körper >< Img-Klasse "FloatRight" = >< p > das ist der Text, den das Bild um </p > schwimmtSie stellen möglicherweise fest, dass die einzige Änderung im Code ändert den "Klasse: von FloatLeft zu FloatRight.

Tipps & Warnungen

  • Der CSS-Code bietet mehr Flexibilität. Der HTML-Code erlaubt nicht den Benutzer zum Ändern der Größe des Randes.
  • Denken Sie daran, Ihre Web-Seite in seiner Vorschau testen, bevor Sie ihn veröffentlichen. Dies gilt insbesondere beim Experimentieren mit verschiedenen Pixelgrößen mit der CSS-Code.