So verwenden Sie das img-Bild-Tag in HTML/XHTML

php中世界最好的语言
Freigeben: 2018-01-24 09:22:49
Original
2971 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie das img-Bild-Tag in HTML/XHTML verwenden. Was sind die Vorsichtsmaßnahmen für die Verwendung des img-Bild-Tags in HTML/XHTML? Schauen Sie mal rein.

Der Bild-Tag wird verwendet, um ein Bild auf einer Webseite anzuzeigen.
HTML/XHTML-Bild--Tag
In XHTML wird das -Tag verwendet, um ein anzuzeigendes Bild zu definieren. ist ein ungepaartes Tag.

Grundsätzliche Syntax:

bestimmt die Quelle des Bildes über das src-Attribut . Die URL ist eine relative oder absolute Bildadresse.

Bild-Tag-Attribute:

src:
Bild Quelle, erforderlich. Geben Sie die Quelladresse des angezeigten Bildes an. Dabei kann es sich um eine relative oder eine absolute Adresse handeln. alt: Alternativtext, kann weggelassen werden. Es wird verwendet, um den angezeigten Text zu ersetzen, wenn das Bild nicht angezeigt werden kann oder der Browser das Bild blockiert.
Titel: Bildaufforderungstext, kann weggelassen werden. Wenn Sie mit der Maus über das Bild fahren, wird der entsprechende Text angezeigt.

Breite: Die Breite der Bildanzeige, die weggelassen werden kann. Einheiten sind Pixel.
Höhe: Die Höhe der Bildanzeige, die weggelassen werden kann. Einheiten sind Pixel.

Textersetzungsattribut (alt)

Textersetzungsattribut des Bild-Tags alt Obwohl es sich nicht um ein erforderliches Attribut handelt, ist es ein sehr wichtiges Attribut. Wenn der Browser das Bild aus irgendeinem Grund nicht lesen kann, wird dieser alternative Text angezeigt, um das Originalbild zu ersetzen und die verlorenen relevanten Bildinformationen bereitzustellen. Dieses Attribut hilft auch Benutzern, die Nur-Text-Browser verwenden, den Inhalt der Seite zu verstehen.
Daher empfiehlt es sich, jedem Bild ein aussagekräftiges Alt-Text-Ersetzungsattribut hinzuzufügen.

Geben Sie die Bildanzeigegröße an

Sie können das Breiten- oder Höhenattribut zum -Tag hinzufügen, um die Bildanzeigegröße manuell festzulegen:

Tipps

Allgemeine Situation Das Bildgrößenattribut wird ignoriert und die ursprüngliche Bildgröße oder die adaptive Größenanzeige des Browsers wird standardmäßig angezeigt. Die Angabe einer ungeeigneten Bildanzeigegröße kann dazu führen, dass das Bild verzerrt erscheint.
Da das Laden von Bildern eine gewisse Zeit in Anspruch nimmt, sollten Sie versuchen, die Größe des Bildes zu reduzieren und gleichzeitig die Qualität des Bildes sicherzustellen, um ein gutes Benutzerzugriffserlebnis zu erzielen.

Erweiterte Lektüre

Pixel: Wir können uns ein Pixel anschaulich als den kleinsten Punkt vorstellen, den ein Computer anzeigen kann. Beispielsweise sagen wir oft, dass die Bildschirmauflösung 1024 * 768 beträgt, was bedeutet, dass der Bildschirm vorhanden ist 1024 (Pixel) Punkte horizontal und 768 (Pixel) Punkte vertikal. Wenn es als Einheit verwendet wird, wird es im Allgemeinen standardmäßig als pix geschrieben.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Wie man die Tabellenränder anzeigt

Wie man die Download-Funktion in HTML implementiert

Was ist der Unterschied zwischen Klasse und ID beim Markieren von HTML-Elementen

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das img-Bild-Tag in HTML/XHTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage