Wie man ein Bild im Titel einer Webseite setzen

Der Titel einer Webseite ist die oft das erste, was ein Betrachter begegnet. Als solche, es dient dazu, den Inhalt der Seite einführen und kann den Stil für die gesamte Website zu präsentieren. Ein Bild kann ein großer Gewinn für den Titel Ihrer Webseite ergänzen den Text. In HyperText Markup Language (HTML) gibt es zwei Möglichkeiten, in denen Sie Bilder in Ihrem Titel integrieren können.

Anweisungen

Das Bild

1 Zu erhalten Sie, oder entwerfen Sie ein Bild in einem Grafikbearbeitungsprogramm. Wenn Sie ein Bild verwenden, die nicht Ihre eigenen, machen ist sicher Sie haben urheberrechtliche Genehmigung und geben Kredite an den Ersteller. Wenn Sie ein Symbol erstellen, stellen Sie sicher, es ist 16 x 16 Pixel und hat die Erweiterung .ico oder PNG.

2 Stellen Sie sicher, dass Ihr Bild nicht den Text Ihrer Seite nicht sichtbar, wenn als Hintergrund verwendet gerendert wird. Wenn Ihr Text schwarz ist und Sie ein Bild dahinter platzieren möchten, stellen Sie sicher, dass Ihr Bild entsprechend abgeschirmtes und nicht zu dunkel ist.

3 Speichere dein Bild im gleichen Ordner wie Ihre Webseite.

Bild als Hintergrund

4 Öffnen Sie die Webseite, die in einem Textverarbeitungsprogramm. Achten Sie darauf, die \"Open mit benutzen... \" Funktion anstelle von einem Doppelklick auf die HTML-Datei selbst.

5 Möchten Sie ein Bild hinter dem Titel Ihrer Seite im Browserfenster setzen musst du das Bild entsprechend zu formatieren. Während dies innerhalb des HTML-Codes erreicht werden kann, ermöglicht die Verwendung von Cascading Style Sheets (CSS) für mehr Flexibilität.

6 Nehmen Sie in CSS Änderungen an den Body-Tag. Verwenden Sie Hintergrund-Bild an Bild, Hintergrund-Wiederholung ausschalten, Wiederholungen und Background-Position die Position des Bildes an. Zum Beispiel:

Körper {}

background-image: URL(\"yourimage.jpg\")

GEHEN

background-repeat: no-repeat

GEHEN

background-position: 50% 0%

GEHEN

}

Die Background-Position-Modifikationen verändern die Position des Bildes relativ zu seiner Polsterung-Feld. Sie sind aufgeführt unter X %, y % bestellen. In diesem Beispiel wäre das Bild 50 % über die Box (mit anderen Worten, in der Mitte) und 0 % down-Box (an seiner Spitze).

7 Öffnen Sie die Webseite in einem Webbrowser, und stellen Sie sicher, dass Ihr Bild wie gewünscht angezeigt wird. Änderungen Sie keine notwendigen an Ihrem HTML und CSS.

Das Symbol

8 Um ein Symbol zu schaffen, die neben Ihren Titel in der Registerkarte Web Browser gehen wird (häufig genannt ein \"favicon\"), müssen Sie das < Head > Tag Ihres HTML zu ändern. Öffnen Sie die Webseite, die in einem Textverarbeitungsprogramm.

9 Wenn das Symbol keine ICO-Datei ist, wandeln sie in eine mit Symbol konvertieren Software.

10 Fügen Sie im < Head >-Tag das folgende < Link >-Tag für Ihr Symbol:

< link Rel = \ "Verknüpfung Icon\" href=\"youricon.ico\" >