Come cambiare la dimensione del carattere in HTML

Il layout del sito Web di qualità ha l'obiettivo principale: rendere le informazioni sulla pagina più leggibili e convenienti per l'utente. Lavorare con il testo tramite html è l'abilità principale e di base che devi avere quando lavori con i siti. Questo articolo descrive in dettaglio come ridimensionare il testo usando il linguaggio di marcatura web.

La formattazione del testo con HTML è facile.

Chiunque abbia mai riscontrato la necessità di creare o modificare siti Web, prima ha chiesto come formattare il testo in modo che soddisfi i requisiti desiderati. Ci sono molti modi per realizzare questo compito, e il modo più semplice è farlo direttamente nel framework del sito stesso usando il linguaggio di markup. Una volta capito come cambiare la dimensione del carattere in html, e in futuro non ci saranno difficoltà.

In questo articolo descriveremo in dettaglio come viene eseguita la formattazione dei caratteri nei documenti html.

Principi generali per la modifica del testo nelle pagine Web

Per prima cosa devi capire quali opportunità di formattazione del testo ci forniscono html. Ci sono tre caratteristiche principali del carattere: è un carattere tipografico (una caratteristica che determina l'aspetto di lettere e caratteri), il colore e la dimensione. La leggibilità di qualsiasi documento dipende dalla combinazione di queste caratteristiche.

Le caratteristiche del testo nel markup HTML sono cambiate con l'aiuto di tag e attributi. Un tag è il componente principale di una lingua, la sua unità logica principale, e l'attributo serve per impostare un valore specifico per ogni elemento della pagina contrassegnato da un tag.

È inoltre necessario ricordare che la visualizzazione del testo può essere diversa quando si utilizzano browser diversi, pertanto, prima di completare i lavori sul sito, è necessario assicurarsi che le informazioni siano visualizzate correttamente in tutti i principali browser utilizzati. Ad esempio, la dimensione del carattere in html quando si utilizzano versioni precedenti di Internet Explorer potrebbe essere diversa rispetto alle nuove versioni.

etichetta

I tag principali che vengono utilizzati durante la formattazione del testo su una pagina Web sono e .

Il tag pair è responsabile di tutte le caratteristiche del testo formattato, che vengono impostate utilizzando gli attributi appropriati. Questo tag è il più comprensibile e facile da usare quando il layout di pagina.

Poiché siamo principalmente interessati a come modificare la dimensione del carattere in html, abbiamo bisogno dell'uso dell'attributo size.

Sembra questo:

 Здесь располагается текст 

Il valore della dimensione del carattere html è impostato in unità numeriche da 1 (il più piccolo) a 7 (il più grande). Il valore medio è tradizionalmente considerato come 3 (corrisponde alla dimensione di 13,5 nell'auricolare Times New Roman).

Di conseguenza, se aggiungiamo il seguente codice al corpo del documento, l'apertura della pagina nel browser mostrerà come le dimensioni del testo cambiano in base al valore impostato.

 Размер шрифта 1 Размер шрифта 2 Размер шрифта 3 Размер шрифта 4 Размер шрифта 5 Размер шрифта 6 Размер шрифта 7 

Oltre ai valori numerici assoluti possono essere utilizzati, inclusi e relativi. Questo tag è anche usato per questo. La dimensione del carattere html, come detto sopra, viene presa come valore predefinito di 3, quindi, a partire da questo, è possibile aggiungere o sottrarre interi valori numerici per ottenere il risultato desiderato. Ecco come appare:

  Ecco il testo 

Con il valore specificato, la dimensione del carattere corrisponderà al valore 6. Puoi controllare nel browser come funziona e sperimentare diverse combinazioni di valori numerici.

Con l'aiuto del tag, puoi modificare la dimensione e il colore del carattere in html. Per cambiare il colore, usa l'attributo color e il codice colore esadecimale.

Per apportare le modifiche necessarie, gli attributi si susseguono uno dopo l'altro nel corpo di un tag , non è necessario separarli con segni di punteggiatura.

etichetta

Questo tag ha una gamma più ampia di caratteristiche e caratteristiche rispetto a . Di solito è usato in combinazione con CSS per modificare e disegnare alcune parti di un documento.

Per questo tag, i valori sono impostati usando l'attributo style. Ecco come appare il codice:

 Здесь располагается текст 

Come puoi vedere, qui viene usata l'introduzione del codice CSS (font-size), e la dimensione viene impostata usando i punti (pt, point). Il valore standard viene preso come dimensione di 12 pt, che può essere modificato aumentando o diminuendo di un numero intero.

Le dimensioni del carattere cambiano durante la formattazione delle intestazioni

Spesso si desidera ridurre o aumentare la dimensione del carattere in html quando si modificano i titoli. In questo caso, l'attività non è solo per modificare la dimensione, ma anche per evidenziare logicamente una parte specifica del testo e designarla come titolo per il blocco di testo.

In questo caso, è consigliabile utilizzare i tag.

-

. etichetta

- Questa è l'intestazione di primo livello. Nel browser, verrà visualizzato come il più grande e i tag da

fino a

usato per evidenziare sottotitoli.

Esempio di codice:

  Titolo di primo livello 

Si consiglia di utilizzare sempre questi tag per la progettazione dell'intestazione, poiché ottimizza il codice ed è sintatticamente più corretto, e fornisce anche un singolo stile all'intero documento.

I parametri specifici per questo tag sono impostati da CSS, quindi puoi impostare un valore specifico per la dimensione del testo, il suo colore e il carattere tipografico.

Alcuni ultimi consigli

Pertanto, abbiamo esaminato i principali modi per modificare la dimensione del carattere in html. Questa informazione è sufficiente per creare una pagina web dall'aspetto curato con una buona leggibilità.

Per comodità, prendere nota delle seguenti raccomandazioni:

• Con il layout non dovrebbe essere limitato ai mezzi di html. Una volta padronanza delle basi della costruzione di un sito, puoi iniziare a studiare i CSS. Questo aprirà nuovi orizzonti nella creazione di pagine web.
• Non possiamo trascurare la verifica del sito finito in browser diversi e su piattaforme diverse. Come già detto sopra, i parametri del testo possono differire in modo significativo, specialmente quando si utilizzano versioni di browser obsolete.
• Dovresti sempre usare spazi e tabulazioni quando scrivi il codice. Questo rende più facile leggere e capire.
• I commenti sul codice non sono solo uno strumento per una percezione conveniente, ma anche un segno di buon gusto tra gli sviluppatori.