Come cambiare i caratteri in XHTML

November 18

Come cambiare i caratteri in XHTML


Impostazione e modifica di caratteri in formato HTML è stato un processo semplice che semplicemente richiesto l'involucro <font> tag intorno ad un elemento interno. Con l'elemento <font> deprecato in XHTML con lo scopo di separare contenuto e presentazione, specificando i font è ora più complicato. Come per le altre proprietà di stile, impostare e modificare tipi di font in XHTML richiede l'uso di Cascading Style Sheets (CSS).

istruzione

1 Identificare l'elemento che si desidera modificare. In questo esempio, CSS verrà utilizzato per impostare il tipo di carattere per il testo contenuto all'interno di una coppia di tag di paragrafo:

<P> paragrafo campione di testo. </ P>
<P> Una seconda riga di testo. </ P>

Sebbene questo esempio riguarda paragrafi, regole di stile possono essere applicati a qualsiasi elemento con CSS.

2 Aggiungere un foglio di stile alla tua pagina. Individuare il </ head>, che si trova vicino alla parte superiore del codice sorgente del documento. Inserire una riga vuota direttamente sopra questo tag. Copia e incolla il seguente codice sulla riga vuota:

<Style type = "text / css">
</ Style>

Queste righe di codice XHTML indicano al browser che tutte le regole di stile validi contenuti tra i tag <style> tag devono essere interpretate come regole di stile e applicate alla pagina.

3 Aggiungere una regola di stile per cambiare il tipo di carattere di tutti gli elementi selezionati. Le regole di stile contengono le proprietà che vengono interpretati dai browser web per controllare l'aspetto di una pagina web. Essi possono essere applicati a qualsiasi elemento XHTML valida. Modificare il carattere del paragrafo (<p>) gli elementi di cui al punto 1 copiando e incollando il seguente riga di codice in una nuova riga immediatamente sotto l'apertura tag <style> aggiunto nel passaggio 2:

p {font-family: Arial, Helvetica, sans-serif; font-size: 20px}

Questa regola di stile dice al browser web per visualizzare ogni elemento <p> in Arial, Helvetica o Arial, se non è installato sul computer di un utente, o in carattere sans-serif di default della macchina se nessuna opzione è disponibile. Si dice anche il browser per visualizzare <p> elementi in una dimensione del carattere di 20 pixel. Entrambe queste opzioni possono essere modificate per soddisfare le esigenze della vostra pagina.

4 Salvare la pagina e visualizzare le modifiche. Salvare la pagina Web appena modificato, quindi aprire la pagina nel browser Web. I tag di paragrafo che una volta è apparso nel font predefinito del browser, alla dimensione predefinita, ora appaiono in 20 pixel Arial o Helvetica.