Come creare testo freddo con piccole quantità di HTML

September 13

Anche se i fogli di stile a cascata sono prevalentemente sostituito HTML per la formattazione del testo, la capacità di creare alcuni effetti interessanti in HTML esiste ancora. Effetti di testo sono a volte considerati da web designer professionisti per essere sgargianti e distrarre dalla sensazione generale del sito. La chiave non esagerare è; scegliere tra le più semplici effetti HTML, come testo evidenziato.

istruzione

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

<Span style = "background-color: # FFFF00"> text utente </ span>

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

2 Aggiungere un'immagine di sfondo per il testo con il seguente codice:

<Span style = "background-image: URL (http://www.imageurl.com/image.jpg); font-size: 32PT"> Il vostro testo </ span>

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

3 Aggiungi un suggerimento titolo al testo, applicando il seguente codice:

<Span title = "Questa è la punta dell'utensile visualizzata"> Muovi il mouse sopra questo testo </ span>

Sostituire "Questa è la punta dell'utensile visualizzato" con il testo che si desidera visualizzare quando il mouse passa sopra il testo. Sostituire "Muovi il mouse sopra questo testo" con il testo che si desidera visualizzare sul tuo sito web. La punta di testo strumento appare in una piccola casella di testo quando il cursore dell'utente viene collocato sul testo.

Consigli e avvertenze

  • Se si desidera solo per applicare un effetto a una certa porzione del testo, inserire qualsiasi codice di cui sopra nel bel mezzo di un blocco di paragrafo o un testo. L'effetto si applica solo al testo tra i tag <span>.