Dieser Artikel ist ein Original von Script House Lightning. Sie können diesen Satz beim Nachdrucken entfernen, aber den Inhalt des Artikels unter keinen Umständen ändern, sonst sind Sie für die Folgen verantwortlich! Bitte geben Sie beim Nachdruck den Autor und die Quelle an.
Vor langer Zeit bis heute haben mir viele Internetnutzer ähnliche Fragen gestellt, insbesondere nach dem Kopieren einiger Codes für Grafiken und Bildspezialeffekte auf dieser Website. Probleme wie die ständige Nichtanzeige der Bilder sind hier speziell für diese Anfänger Schreiben Sie ein entsprechendes Tutorial. Wenn Sie keine Fragen dazu haben, gehen Sie bitte weg!
Was die Anwendung von Bildern auf Webseiten betrifft, also die Anwendung von Bild-Tags auf Webseiten, möchte ich es für alle zusammenfassen!
1) Übersicht über Bildmarkierungen.
Wenn die Webseite nur Text, aber keine Bilder enthält, scheint sie viel an Vitalität verloren zu haben. Bilder sind ein sehr wichtiger Aspekt bei der
Webseitenproduktion zur Webseite. Dieses Tag verfügt über die Attribute SRC, ALT, ALIGN, BORDER, WIDTH und HEIGHT.
2) Attributeinführung.
SRC-Attribut. Für das
-Tag ist sein SRC-Attribut ein notwendiges Attribut, das heißt, SRC muss im
-Tag ein Wert zugewiesen werden und ist ein unverzichtbarer Bestandteil des Tags. Zu diesem Zeitpunkt sollte IMG im folgenden Format geschrieben sein:
Der Parameterwert ist unter anderem der vollständige Dateiname und der Pfad des Bildes.
Wir wissen, dass Bilddateien im Allgemeinen viel mehr Platz beanspruchen als reine Textdateien wie HTML-Dokumente und dass Webdesign oft das Hinzufügen vieler Bilder erfordert, um die Attraktivität zu erhöhen. Wenn diese Bilddateien dem HTML-Dokument hinzugefügt werden, wird das HTML-Dokument dies tun Wenn die Übertragung sehr groß wird, wird die Übertragung im Netzwerk zwangsläufig sehr langsam sein.
Das
-Tag fügt das Bild nicht wirklich zum HTML-Dokument hinzu, sondern teilt HTML mit: Um welche Bilddatei handelt es sich? Wo? Damit HTML es vom ursprünglichen Speicherort der Bilddatei aufrufen kann. Die Funktion des SRC-Attributs besteht darin, diese beiden Fragen zu beantworten. Daher muss der Parameterwert des SRC-Attributs den vollständigen Dateinamen der Bilddatei enthalten, dh den Dateinamen und die Erweiterung, z. B. logo.gif, die die Frage beantwortet Frage, um welche Bilddatei es sich handelt; Der Parameterwert muss auch den Pfad zur Bilddatei enthalten, damit HTML weiß, wo die Bilddatei zu finden ist.
Unter den Parameterwerten des SRC-Attributs ist das Schreiben des Pfads der Bilddatei für Anfänger oft ein Problem.
Der Pfad zur Bilddatei kann ein relativer Pfad oder eine URL sein. Der sogenannte relative Pfad bezieht sich auf den Pfad, der sich aus der relativen Position der zu verknüpfenden oder einzubettenden Datei im aktuellen HTML-Dokument und der aktuellen HTML-Datei ergibt. Wenn sich die HTML-Datei und die Bilddatei (vorausgesetzt, der Name lautet logo.gif) im selben Verzeichnis befinden, kann der Code als
geschrieben werden, wenn die Bilddatei in einem Unterverzeichnis des Verzeichnisses abgelegt wird, in dem sich die aktuelle HTML-Datei befindet befindet (vorausgesetzt, der Name des Unterverzeichnisses lautet (für Bilder), sollte der Code
lauten; wenn die Bilddatei im oberen Verzeichnis des Verzeichnisses abgelegt wird, in dem sich die aktuelle HTML-Datei befindet (vorausgesetzt, das obere Verzeichnis heißt home) , der relative Pfad muss eine Quasi-Website sein, das heißt, verwenden Sie „. ./“, um die Website des Entwicklers darzustellen, gefolgt vom Pfad der Bilddatei auf der Website des Entwicklers. Angenommen, „home“ ist ein Verzeichnis unter dieser Website, sollte der Code
lauten. Wenn „home“ ein Unterverzeichnis im Verzeichnis „king“ unter der Website ist, sollte der Code als
geschrieben werden.
Andere Attribute. Die Attribute ALT, ALIGN, BORDER, WIDTH und HEIGHT des
-Tags sind optional. Das ALIGN-Attribut ist die Ausrichtung des Bildes und die Parameterwerte sind links, zentriert und rechts. BORDER ist der Rand des Bildes. Sein Parameter ist größer oder gleich 0 und die Standardeinheit ist Pixel. Die Attribute WIDTH und HEIGHT sind die Breite und Höhe des Bildes, und die Standardeinheit seiner Parameter ist Pixel; das ALT-Attribut ist der Text, der angezeigt wird, wenn die Maus über das Bild bewegt wird Attribut beim Erstellen von Webseiten. Was ist der Zweck davon? Es kann einen Hinweistext anzeigen, wenn das Bild aus irgendeinem Grund nicht angezeigt werden kann, was die Benutzerfreundlichkeit erhöht.