Das Quell-Tag in HTML
- 24-07-2022
- Trung Minh
- 0 Comments
Das Quellen-Tag wird verwendet, um Multimedia-Ressourcen für Medienelemente wie Video, Audio und Bilder anzugeben.
Mit dem Quell-Tag können Sie Mediendateien definieren, die stattdessen abhängig von Medien, Codec-Unterstützung oder Medienabfragen angezeigt werden.
Wenn Sie beispielsweise das angezeigte Bild ändern möchten, wenn der Benutzer die Größe des Browserfensters ändert, sollten Sie das Bild-Tag in Kombination mit mehreren Quell-Tags verwenden, um das angezeigte Bild für jede andere Fenstergröße zusammen zu definieren.
Verwenden
Verwenden Sie beispielsweise das source-Tag in Verbindung mit dem media-Tag, um das angezeigte Bild zu ändern, wenn der Benutzer die Größe des Browserfensters ändert.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>Học html miễn phí tại web888.vn</h1> <picture> <source media="(min-width: 800px)" srcset="black.jpg"> <source media="(min-width: 600px)" srcset="blue.jpg"> <img src="yellow.jpg" alt="Flowers" style="width:auto;"> </picture> </body> </html>