So fügen Sie HTML-Bilder ein

In HTML können Sie Bilder über das Tag einfügen. Der eingefügte Code ist beispielsweise „<img src="dinosaur.jpg">“, wobei das src-Attribut den Pfad zu dem gewünschten Bild enthält Einzuführen ist ein relativer Pfad oder eine absolute URL.

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer.

Wir können das -Element verwenden, um Bilder auf der Webseite zu platzieren. Es ist ein leeres Element (es muss keinen Textinhalt oder ein schließendes Tag enthalten) und erfordert mindestens einen src (normalerweise gelesen als vollständiger Name, Quelle), um es wirksam zu machen. Das src-Attribut enthält den Pfad zu dem Bild, das wir einschließen möchten. Dies kann ein relativer Pfad oder eine absolute URL sein, genau wie das href-Attribut des -Elements.

Hinweis: Bevor Sie fortfahren, sollten Sie die Schnellstart-URLs und -Pfade lesen, um relative und absolute URLs zu überprüfen.

Wenn Sie beispielsweise ein Bild mit dem Namen „dinosaurier.jpg“ haben und es im selben Pfad wie Ihre HTML-Seite gespeichert ist, können Sie es wie folgt einbetten:

<img src="dinosaur.jpg">

Wenn dieses Bild im Bilderordner mit gespeichert ist den gleichen Pfad wie die HTML-Seite (dies wird auch von Google empfohlen, was für SEO/Indexierung von Vorteil ist), dann können Sie das folgende Formular verwenden:

<img src="images/dinosaur.jpg">

und so weiter.

Hinweis: Suchmaschinen lesen auch die Dateinamen von Bildern und zählen sie für SEO. Geben Sie Ihrem Bild daher einen aussagekräftigen Dateinamen: Dinosaur.jpg ist besser als img835.png.

Sie können auch einen absoluten Pfad wie diesen verwenden:

<img src="https://www.example.com/images/dinosaur.jpg">

Diese Methode wird jedoch nicht empfohlen. Dadurch wird der Browser nur mit mehr Arbeit belastet, z. B. indem er erneut DNS durchsucht, um die IP-Adresse zu finden. Normalerweise legen wir Bilder und HTML auf demselben Server ab.

【Empfohlenes Lernen: HTML-Video-Tutorial】

Das obige ist der detaillierte Inhalt vonSo fügen Sie HTML-Bilder ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!