Nwlapcug.com


Come creare testo Cool con piccole quantità di HTML

Anche se i fogli di stile CSS hanno sostituito principalmente HTML quando si formatta il testo, esiste ancora la possibilità di creare alcuni effetti interessanti in HTML. Effetti di testo sono a volte considerati dai progettisti professionisti Web sgargianti e distrarre dall'impressione generale del sito Web. La chiave è di non esagerare; scegliere dagli effetti più semplici HTML, ad esempio testo evidenziato.

Istruzioni

1

Evidenziare tutti o una parte del testo utilizzando il seguente codice HTML:

< span style = "background-color: #FFFF00″ > testo utente < / span >

Sostituire "Testo dell'utente" con il testo che si desidera evidenziare. Il codice HTML "#FFFF00" è un codice di colore giallo brillante. Modificare il codice per un colore di evidenziazione diverso.

2

Aggiungere un'immagine di sfondo per il testo con il codice riportato di seguito:

< span style = "background-image: URL (di http://www.imageurl.com/image.jpg); dimensione del carattere: 32pt "> testo < / span >

Sostituire "l'http://www.imageurl.com/image.jpg" con l'URL dell'immagine che si desidera utilizzare. L'immagine può essere un JPEG, GIF o PNG. Modificare il numero nell'attributo font-size (attualmente 32) per aumentare o diminuire la dimensione del carattere. Immagini di sfondo funzionano bene con testo di dimensioni maggiori.

3

Aggiungere una punta di strumento di titolo al testo applicando il codice seguente:

< span titolo = "Questa è la punta di strumento visualizzato" > Muovi il mouse sopra questo testo < / span >

Sostituire "Questa è la punta di strumento visualizzato" con il testo che si desidera venga visualizzato quando si sposta il mouse sopra il testo. Sostituire "Muovi il mouse sopra questo testo" con il testo che si desidera visualizzare sul tuo sito Web. Quando il cursore dell'utente viene posizionato sul testo, viene visualizzato il suggerimento di testo strumento in una casella di testo di piccole dimensioni.

Consigli & Avvertenze

  • Se si desidera solo applicare un effetto a una determinata parte di testo, inserire il codice qui sopra nel mezzo di un blocco di testo o paragrafo. L'effetto verrà applicata solo al testo tra i tag < span >.