• 293

  • 0

Vota

2

Tag HTML per il testo

Segnalibro

Nell'articolo di oggi, ti presenterò vari modi di formattare il testo.
È ovvio che sarebbe molto noioso se ci fosse un testo uniforme ovunque: una dimensione, un carattere, un colore, uno sguardo. Pertanto, tra i tag HTML ci sono vari tag che consentono di specificare un aspetto specifico del testo.

Cominciamo con uno sguardo ai dati iniziali, se così posso dire, vale a dire la pagina che abbiamo. Lascia che sia così:

<Html>
<Head>
</ Head>
<body text = "green" bgcolor = "yellow">
  <h1> Titolo livello 1 </h1>
</ Body>
</ Html>

 

In realtà, ci sono già elementi di formattazione qui: il tag <h1>, che rende grande il testo all'interno del tag, inoltre, va come un'intestazione, quindi ulteriori elementi si trovano già sotto di esso. Abbiamo anche impostato il colore del testo (verde) nell'attributo text del tag <body>.

Ora parliamo di altre opzioni di formattazione del testo.

La prima cosa che puoi fare è imparare a creare un diverso tipo di testo: corsivo, sottolineato, grassetto e varie combinazioni.

Cominciamo con il corsivo. Il testo sarà in corsivo se si trova all'interno del tag <i>. Quindi scriviamo così:

<i> Questo è in corsivo </i>

Se avvii il browser, puoi vedere il testo in corsivo.

Inoltre, il testo potrebbe essere in grassetto. Questo viene fatto usando il tag <b>. Ad esempio, in questo modo:

<b> Questa è una faccia grassa </b>

Puoi anche sottolineare il testo. Per fare ciò, utilizzare il tag <u>.

<u> Testo sottolineato </u>

Inoltre, puoi rendere il testo, ad esempio, corsivo e grassetto. Questo viene fatto come segue:

<i> <b> Grassetto corsivo </b> </i>

Puoi anche scriverlo in questo modo:

<b> <i> Grassetto corsivo </i> </b>

Se guardi nel browser, non vedrai alcuna differenza. Questo è logico, perché la differenza fa: prima hanno reso il testo in corsivo, quindi grassetto, o, al contrario, prima in grassetto e poi in corsivo. Il punto, penso, è chiaro. L'unica regola, ma una regola MOLTO importante è osservare il principio di nidificazione. Cioè, tutti i tag interni vengono chiusi per primi e solo allora vengono chiusi i tag esterni. Pertanto, NON è possibile scrivere in questo modo:

<i> <b> Grassetto corsivo </i> </b>

Penso che sia chiaro che questo non funzionerà. Dopotutto, non abbiamo ancora chiuso il tag <b>, ma abbiamo già chiuso il tag <i>. Ricorda sempre il principio di nidificazione: questa è una delle poche regole HTML che devi seguire!

Ora parliamo della dimensione del carattere del testo. Puoi cambiare la dimensione del testo usando il tag <font>, o meglio, usando il suo attributo "size", il cui valore indica la dimensione del carattere. Passiamo alla riga successiva usando il tag <br> e scriviamo questa riga:

<font size = "5"> Questo è il testo con size = "5" </font>

Aggiornando la pagina nel browser, vedrai che il testo è diventato più grande di prima. Questo è ciò che ha fatto l'attributo "size" del tag <font>. Maggiore è il valore dell'attributo "size", maggiore è il carattere, tuttavia, penso che sia ovvio per te.

Il colore del testo può anche essere impostato usando il tag <font>, poiché questo tag ha un altro attributo - "color". Il valore di questo attributo può essere di qualsiasi colore. Scriviamo così:

<font size = "5" color = "red"> Questo è un testo rosso ingrandito </font>

Questi erano i modi principali per cambiare l'aspetto del testo.

Infine, scriviamo una riga in cui assolutamente tutto ciò che abbiamo imparato oggi è mescolato. Innanzitutto, passiamo alla riga successiva, utilizzando il familiare tag <br>. Si noti che il principio di annidamento deve essere rispettato: fino a quando il tag interno è chiuso, quello esterno non è chiuso.

<font size = "4" color = "navy">
  <B>
    <I>
      <u> Questo è un testo in cui molto è mescolato </u>
    </ I>
  </ B>
</ Font>

Pertanto, il codice della nostra pagina è diventato così:

<Html>
<Head>
</ Head>
<body text = "green" bgcolor = "yellow">
  <h1> Titolo livello 1 </h1>
  <i> Questo è in corsivo </i>
  <b> Questa è una faccia grassa </b>
  <u> Testo sottolineato </u>
  <I>
    <b> Testo in grassetto corsivo </b>
  </ I>
  <B>
    <i> Testo in grassetto corsivo </i>
  </ B>
  <br>
    <font size = "5"> Questo è il testo con size = "5" </font>
    <font size = "5" color = "red"> Questo è un testo rosso ingrandito </font>
  <br>
  <font size = "4" color = "navy">
    <B>
      <I>
        <u> Questo è un testo in cui molto è mescolato </u>
      </ I>
    </ B>
  </ Font>
</ Body>
</ Html>

Questa è tutta scienza. Come puoi vedere, ancora una volta non c'era nulla di complicato, e questo non è sorprendente, perché questa è la conoscenza di base dell'HTML che possiede un webmaster che si rispetti. Senza questa conoscenza, parla della creazione di siti e non può nemmeno andare.

  • Creato il:
  • 2020-04-14 18:36:00
  • Visualizzazioni
  • 293

  • Comenti
  • 0

Recensioni mancante

La pubblicazione della recensione aviene dopo il controllo del administratore.



Condivide articolo


Altri articoli ...