XHTML-Tutorial für die ersten Schritte: XHTML-Webseiten-Bildanwendung
|
<br />Das sinnvolle Hinzufügen von Bildern kann eine Webseite schöner machen. Bild-Tag <img> Das <img>-Tag wird zum Einfügen von Bildern in eine Webseite verwendet. Das <img>-Tag hat ein wichtiges Attribut „src“ und sein Attributwert ist die Adresse des Bildes. Als nächstes fügen wir ein Bild in unsere index.html ein. Öffnen Sie die Datei „index.html“ und fügen Sie vor </body> den folgenden Code ein: <p><img src="upload/2022/web/logo.gif" alt="Technischer Support"/></p> Durchsuchen Sie nach dem Speichern das Internet und stellen Sie sicher, dass Ihre Webseite mit dieser übereinstimmt. Wir haben festgestellt, dass <img> ein leeres Tag ist und von einem "/" gefolgt werden muss, um die XHTML-Anforderungen zu erfüllen. Neben src hat das Beispiel hier auch ein Attribut alt, das wir als Ersatzattribut bezeichnen. Wenn das Bild aus irgendeinem Grund nicht angezeigt werden kann, wird anstelle des Bildes der Attributwert von alt angezeigt. Wenn das Bild normal angezeigt wird, bewegen Sie einfach die Maus über das Bild, um den Attributwert des alt-Attributs anzuzeigen. Bilder als Links verwenden Im vorherigen Tutorial haben wir gelernt, wie man Hyperlinks erstellt. Öffnen Sie nun "index.html" und ändern Sie den soeben eingefügten Code wie folgt: <p><a href="https://www.jb51.net/"><img src="upload/2022/web/logo.gif"alt="Technischer Support"/></a></p> Durchsuchen Sie nach dem Speichern die Webseite und bestätigen Sie noch einmal, dass Ihre Webseite mit dieser identisch ist. Überprüfen Sie, ob das Bild zu einem Hyperlink geworden ist. Klicken Sie auf das Bild, um zur Homepage der Rookie Bar zu gelangen. Was die Validierung von XHTML betrifft, werden wir ab diesem Abschnitt das Erscheinungsbild der Webseite „index.html“ nicht mehr ändern. Jetzt werden wir die von uns erstellte Webseite zur Überprüfung an eine autorisierte Organisation senden. Gehen Sie zunächst zu: http://validator.w3.org/. Diese Seite ist ein XHTML-Validierungstool. Damit können Sie überprüfen, ob die von uns erstellten Webseiten den XHTML-Standards entsprechen. Sie können die Überprüfung per URL durchführen oder eine Datei zur Überprüfung hochladen. Sie können die Validierung für den Dateiupload wie folgt auswählen: Unter „Durch Datei-Upload validieren“ gibt es eine Spalte „Lokale Datei“. Klicken Sie auf „Durchsuchen“, suchen und wählen Sie die zuvor gespeicherte Datei „index.html“ aus und klicken Sie dann auf die Schaltfläche „Überprüfen“. Ihre Ergebnisse sollten mit denen übereinstimmen, die wir von der URL-Validierung erhalten. Die folgende Fehlermeldung wird zurückgegeben: Leider kann ich dieses Dokument nicht validieren, da es in den Zeilen 3, 6-9, 12-14 und 16-22 ein oder mehrere Bytes enthielt, die ich nicht als UTF-8 interpretieren kann (mit anderen Worten, die gefundenen Bytes sind keine gültigen Werte in der angegebenen Zeichenkodierung). Bitte überprüfen Sie sowohl den Inhalt der Datei als auch die Angabe der Zeichenkodierung. Sind unsere Seiten nicht XHTML-kompatibel? Bitte fahren Sie mit dem nächsten Abschnitt fort. |
<<: Lösung für das MySQL Master-Slave-Verzögerungsproblem
>>: jQuery erzielt einen atmenden Karusselleffekt
Artikel empfehlen
Vue implementiert das digitale Tausendertrennzeichenformat global
In diesem Artikelbeispiel wird der spezifische Co...
Implementierungscode zum Erstellen von Screenshots mit HTML und zum Speichern als lokale Bilder
Der spezifische Code lautet wie folgt: <!DOCTY...
Einführung in den Aufbau von NFS-Diensten unter Centos7
Inhaltsverzeichnis 1. Server 2. Kunde 3. Testdien...
Ich zeige Ihnen, wie Sie Schriftsymbole in CSS verwenden
Zunächst einmal: Was ist ein Schriftsymbol? Oberf...
HTML ist die zentrale Grundlage für die Entwicklung von WEB-Standards
HTML-zentrierte Front-End-Entwicklung entspricht p...
Vue-Element el-transfer fügt Drag-Funktion hinzu
Das Core Asset Management Project erfordert, dass...
MySQL-Gruppierungsabfragen und Aggregatfunktionen
Überblick Ich glaube, dass wir häufig auf solche ...
Erläuterung der Docker Compose-Netzwerkeinstellungen
Grundlegende Konzepte Standardmäßig erstellt Comp...
So installieren Sie Docker auf Ubuntu20.04 LTS
Null: Alte Version deinstallieren Ältere Versione...
Webdatenspeicherung: Cookie, UserData, SessionStorage, WebSqlDatabase
Plätzchen Dies ist eine Standardmethode zum Speic...
Linux-Konfiguration SSH passwortfreie Anmeldung "ssh-keygen" grundlegende Nutzung
Inhaltsverzeichnis 1 Was ist SSH 2 Konfigurieren ...
Einführung in die Verwendung des offiziellen MySQL-Leistungstesttools mysqlslap
Inhaltsverzeichnis Einführung Anweisungen Tatsäch...
So implementieren Sie eine bidirektionale MySQL-Sicherung
Die bidirektionale MySQL-Sicherung wird auch als ...
Vollständige Schritte zum Erstellen eines Hochleistungsindex in MySQL
Inhaltsverzeichnis 1. Index-Grundlagen 1. Arten v...
XHTML drei Dokumenttypdeklarationen
XHTML definiert drei Dokumenttypdeklarationen. Am...