Bilder können das Erscheinungsbild einer Webseite verbessern, indem sie den Text aufbrechen und visuelles Interesse hinzufügen. Die auf einer Webseite sichtbaren Bilder sind eigentlich Links zu einem internen oder entfernten Bild. Mit anderen Worten, die Bilder sind eine andere Datei, entweder auf demselben Server wie die Webseite oder auf einem Remote-Server. Um ein Bild auf einer Webseite zu platzieren, müssen Sie dem Browser mitteilen, wo es nach dem Bild suchen soll. Diese Informationen werden im ""-Tag mit dem Attribut "src".
Bild erstellen Creating
Wenn Ihr Bild auf dem Webserver gespeichert ist, der Ihre Webseite hostet, können Sie einfach den Namen des Bildes in das Tag einfügen: Wenn sich Ihr Bild jedoch auf einem Remote-Server befindet, müssen Sie einen Link zum Bild in . einfügen das Etikett wie:
Unabhängig davon, ob Sie ein lokales oder ein Remote-Bild verwenden, gibt es einige Attribute, mit denen Sie Ihr Bild auf der Seite ausrichten können. Das Attribut "align" wird verwendet, um das Bild horizontal auszurichten. Die Werte können "rechts", "links" oder mittig sein. Um beispielsweise ein Remote-Bild auf der rechten Seite der Seite zu platzieren, lautet der HTML-Code:
Das Attribut "valign" wird verwendet, um das Bild vertikal auf dem Bildschirm auszurichten. Die Werte können "oben", "unten" und "mitte" sein. Um das obige Beispiel oben rechts auf dem Bildschirm auszurichten, wäre der Code:
Ein weiteres Attribut ist das "alt"-Attribut. Dies wird verwendet, um Text dort zu platzieren, wo das Bild sein sollte, wenn der Besucher einen textbasierten Webbrowser verwendet oder wenn der Link zum Bild unterbrochen ist. Das Attribut "alt" wird wie folgt verwendet:
Schließlich können Sie Ihr Bild zu einem Hyperlink machen, indem Sie das Tag "" hinzufügen. Auf diese Weise können Besucher auf das Bild klicken, um zu einer entfernten Seite oder zum Foto selbst zu gelangen. Der HTML-Code zum Erstellen eines Bildes mit einem Hyperlink lautet:
