Quando si progetta il tuo sito Web con HTML e CSS (Cascading Style Sheets), una considerazione chiave dovrebbe essere come si desidera il testo per la ricerca per i tuoi visitatori. Dal suo colore alle dimensioni, al tipo di carattere da utilizzare, avrete il controllo completo sull'aspetto visivo del tuo testo.
Tipi di carattere e CSS
Il tag < font > è obsoleto in HTML 4 e completamente assente in HTML 5, perché, come elemento di presentazione, secondo W3Schools, tipi di carattere sono meglio gestiti utilizzando CSS o Cascading Style Sheets. Utilizzando i CSS nel vostro disegno Web, è possibile specificare gli attributi di carattere a ogni singolo elemento, dai punti < p > < div > divisioni. Attributi dei font CSS includono "font-family," "font-style" e "font-size." Un esempio di impostazione il tipo di carattere con un foglio di stile:
p {font-family: "Times New Roman", Arial; font-style: normal; font-size: 1em;}
Tipi di carattere e HTML
Mentre il tag HTML < font > è diventata deprecato e W3Schools sconsiglia l'utilizzo, Web browser ancora la sosterrà per motivi di indietro compatibilità. Per impostare il tipo di carattere di un blocco di testo, incapsulare con chiusura e apertura < font > < / font > Tag. Gli attributi comuni in un elemento di carattere HTML includono "face", "colore" e "dimensione". Per esempio:
< proprietà font face = "Times New Roman, Arial" color = "black" taglia = "3" > esempio. < / font >
Dimensioni dei caratteri
In HTML, è possibile impostare l'attributo "size" per qualsiasi numero compreso tra "1" e "7" con "3" è la dimensione di carattere predefinito di un browser Web. Maggiore è il numero, maggiore sarà il testo verrà visualizzato. In CSS, è possibile impostare l'attributo di "font-size" in uno dei tre modi. È possibile impostare il valore in pixel, ad esempio "16px," che è la dimensione normale per i tipi di carattere. Impostare la dimensione del carattere in pixel non è compatibile con Internet Explorer, quindi W3Schools consiglia l'utilizzo di valori di "em" invece, in cui 1em equivale a 16px. Un terzo modo è di utilizzare la dimensione relativa mezzo percentuali, dove "100%" è la dimensione normale di un tipo di carattere sulla tua pagina Web.
Facce di carattere
Quando si definisce il volto, o stile, del vostro carattere in "faccia" di entrambi HTML o attributi "font-family" di CSS, ti consigliamo di specificare non solo uno ma più tipi di carattere. Se l'utente non dispone di installato il tipo di carattere preferito, il suo browser controllerà per vedere se ha il tuo font preferito successiva installato, e così via verso il basso nell'elenco. W3Schools raccomanda che termina il tuo elenco con un tipo di carattere generico, come "serif", "sans-serif" o "monospace". Le facce dei caratteri comuni includono "Times New Roman," "Georgia", "Arial", "Verdana", "Courier New" e "Lucida Console."
Colori dei caratteri
In HTML, impostare il colore di qualsiasi blocco di testo utilizzando l'attributo "color" di tag < font >. Quando si imposta il "colore", è possibile utilizzare il nome del colore, come il "rosso", "bianco" o "darksalmon" o valore esadecimale del colore RGB. Con fogli di stile, specificare il colore del font con l'attributo "color" in qualsiasi elemento. Per esempio:
p {color: red;}
Con i CSS, è possibile impostare il colore del carattere in tre modi: con il nome del colore, il valore esadecimale del colore e il valore del colore RGB, ad esempio "rgb(255,0,0)" per il rosso. Per un elenco completo di nomi di 147 colori e i corrispondenti valori esadecimali, consultare Elenco di W3School in risorse.