Nwlapcug.com


Come inserire un'immagine nel titolo di una pagina Web

Come inserire un'immagine nel titolo di una pagina Web


Il titolo di una pagina Web è lo spesso la prima cosa che incontra un visualizzatore. Come tale, esso serve ad introdurre il contenuto della pagina e può presentare lo stile per l'intero sito Web. Un'immagine può essere una grande risorsa per il titolo della pagina Web, aumentando il testo. In HyperText Markup Language (HTML), ci sono due modi in cui è possibile incorporare immagini nel tuo titolo.

Istruzioni

L'immagine

1

Ottenere o progettare un'immagine in una programma di editing delle immagini. Se si utilizza un'immagine che non è il tuo, make sicuro avete permesso di copyright e dare credito al creatore. Se si sta creando un'icona, assicurarsi che è 16 x 16 pixel e ha l'estensione ico o. png.

2

Assicurarsi che l'immagine non esegue il rendering del testo della pagina invisibili se utilizzata come sfondo. Se il testo è nero e si desidera inserire un'immagine sotto di esso, assicurarsi che l'immagine sia opportunamente schermato e non troppo scuro.

3

Salvare l'immagine nella stessa cartella come pagina Web.

Immagine come sfondo

4

Aprire la pagina Web in un programma di elaborazione testo. Assicurarsi di utilizzare il \"Open con... \" funzione anziché fare doppio clic sul file HTML stesso.

5

Se si desidera inserire un'immagine dietro il titolo della tua pagina nella finestra del browser, che sarà necessario l'immagine di stile in modo appropriato. Mentre questo può essere realizzato all'interno del codice HTML, utilizza Cascading Style Sheets (CSS) consente una maggiore flessibilità.

6

In CSS, è necessario apportare modifiche al tag body. Utilizzare immagine di sfondo per specificare l'immagine, background-repeat per spegnere le ripetizioni e background-position per specificare la posizione della vostra immagine. Per esempio:

corpo () {

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

VAI

background-repeat: no-repeat

VAI

background-position: 50% 0%

VAI

}

Le modifiche di sfondo-posizione alterano la posizione dell'immagine rispetto al suo casella spaziatura interna. Sono elencati in x %, y % ordine. In questo esempio, l'immagine sarebbe 50% attraverso la casella (in altre parole, al suo centro) e 0% verso il basso la casella (in alto).

7

Aprire la pagina Web in un browser Web e assicurarsi che l'immagine viene visualizzato come desiderato. Apportare le modifiche necessarie per il codice HTML e CSS.

L'icona

8

Al fine di creare un'icona che andrà accanto al tuo titolo nella scheda browser Web (spesso denominato un \"favicon\"), sarà necessario modificare il tag < head > del codice HTML. Aprire la pagina Web in un programma di elaborazione testo.

9

Se l'icona non è un file ICO, convertirlo in uno tramite icona software di conversione.

10

Nel tag < head >, inserire il seguente tag < link > per la tua icona:

< link rel = \ "icon\ di scelta rapida" href=\"youricon.ico\" >