stili dei caratteri sono uno degli elementi fondamentali della progettazione di un sito web attraente. Questi stili includono i colori, tipo di carattere e altri attributi, come il corsivo e grassetto. È possibile modificare lo stile dei caratteri utilizzando le classi CSS nella parte superiore della pagina, oppure è possibile cambiare lo stile del carattere usando il tag "font" all'interno della pagina web. Alcune applicazioni software di web design consentono di modificare lo stile del carattere usando un editor grafico. Tuttavia, conoscendo il codice HTML consente un maggiore controllo del layout.

istruzione

1 Aprire un editor di testo. Questo può essere qualcosa di semplice come Notepad o più avanzato come Visual Studio.

2 Creare un blocco di stile all'interno dei tag head del codice HTML. Il tag "stile" denota gli stili CSS, che vengono utilizzati per modificare i layout di elementi come ad esempio il tipo di carattere. Il codice qui sotto inizia un blocco di stile:
<Style type = "text / css"> </ script>

3 Aggiungere stili di carattere al blocco stile creato nel passaggio due. Per ogni elemento HTML, è possibile creare uno stile di carattere diverso. Il seguente codice crea uno stile di font per il tag (tag di paragrafo) "p" e il tag (tag di intestazione) "H1".
<Style type = "text / css">
p {font-family: "Verdana", Verdana, serif; font-style: normal}
h {font-family: "Verdana", Verdana, serif; font-style: bold}
</ Script>
La prima riga crea carattere Verdana. La seconda linea di codice utilizza carattere Verdana per creare intestazioni in grassetto.

4 Utilizzare il tag "font" per creare stili di carattere in linea. Questo tag racchiude il testo e cambia ogni riga di codice. Di seguito è riportato un esempio utilizzando il tag font. Questo codice sovrascrive anche i codici di stile CSS poste nelle intestazioni di pagina web.
<Font size = "3" color = "red"> Questo testo è formato 3 e rosso. </ Font>

5 Salvare il file sul disco rigido e aprirlo utilizzando il browser web. Quando si apre il file, gli stili di carattere associati vengono visualizzati nel testo della pagina.