Come ingrandire il testo in HTML

September 14

Come ingrandire il testo in HTML


Esistono due metodi per il dimensionamento testo in pagine Web. Un modo comporta l'uso di tag di intestazione HTML a cui si applicano i browser dimensioni predefinite, anche se il dimensionamento esatto varia da browser a browser e anche un utente all'altro. L'altro metodo richiede un po 'di codice Cascading Style Sheet, ma usando i CSS offre ai progettisti un maggiore controllo sulle dimensioni esatte. È inoltre possibile utilizzare i CSS per rendere il testo in HTML più grande senza specificare una dimensione esatta, utilizzando le percentuali o taglie di nome come "piccola" o "medio". Queste tecniche di dimensionamento ultima offrono meno impostazioni di controllo ma del browser dell'utente rispetto e sono utili quando la creazione di siti per persone con scarsa eyesite.

istruzione

1 Avvolgere il testo in un tag di intestazione. I titoli vanno da <h1> per <h6> con il numero più basso che rappresenta il testo più importante di una pagina. I browser si applicano anche dimensioni predefinite a questi tag, rendendo il testo all'interno di <h1> Tag più grande e <h6> il più piccolo.

<H1> Testo grande Qui </ h1>

<H2> Testo po 'più piccolo </ h2>

2 Aprire un file .css esterno o aggiungere <style> e </ style> tag tra i tag <head> e </ head> della tua pagina web. Aggiungere il codice CSS nel file .CSS o tra i tag <style>, in questo modo:

h1 {font-size: 32px; }

Nel codice precedente, la proprietà "font-size" per tutti i tag <h1> nella pagina Web è impostata su 32 pixel. È inoltre possibile utilizzare lo SME sostituendo "px" con "em" nel codice di cui sopra. Anche se è possibile usare qualsiasi quantità di pixel per la dimensione del carattere, cercare di attenersi a multipli di otto per i migliori risultati.

3 Modificare il codice CSS da utilizzare percentuali o formati "relativi" chiamati a rendere la dimensione del carattere flessibile sulle sue pagine web. Ecco un esempio di entrambi:

h2 {font-size: grande; }

p {font-size: 150%; }

Quando si utilizza i CSS, è possibile rendere il testo all'interno di qualsiasi tag più grande. Piuttosto che fare un intero paragrafo di testo grande, tuttavia, considerare avvolgendo una sezione del testo nei tag <span>.

Consigli e avvertenze

  • Esperimento con l'aggiunta di stili sottili per voce di testo o qualsiasi altro testo su una pagina in cui si desidera attirare l'occhio del lettore. È possibile utilizzare le small cap, corsivo o anche mescolare un font serif come la Georgia con un font sans-serif come Arial.