Come sottolineare il testo in HTML

Hypertext Markup Language (HTML) è una lingua che progetta la parte frontale di qualsiasi sito Web, che può essere statico o dinamico. I siti Web presenti su Internet e sono costruiti online come Magento e WordPress funzionano anche sui principi di base di HTML. Come altri linguaggi di programmazione, HTML ha anche comandi noti come tag e questi tag sono scritti tra parentesi angolari. Come qualsiasi altro editor di testo, HTML consente anche di aggiungere testo, immagini, video o qualsiasi altro elemento nel codice. Il contenuto di base di HTML è il testo. HTML include molte funzioni da applicare al testo per migliorare la funzione del design. Sottolineare il testo è un uso di funzionalità di base e importante per progettare il testo in base alla domanda e ai requisiti del sito Web. Se il testo è sottolineato, ha qualcosa di diverso da mostrare o ha un impatto diverso sul lettore. Metteremo luce su alcuni dei contenuti di sottolineare il testo in questa guida.

Essenziale richiesto

Esistono due strumenti di base utilizzati per l'implementazione del codice HTML:

• Un editor di testo
• Un browser

Vengono utilizzati due software; uno viene usato come input e l'altro come output. Scriviamo il codice in uno strumento e dall'altro possiamo vedere l'output. Un editor di testo prende il codice. Per impostazione predefinita, Window ha un editor di blocco note, in modo da usarlo nel nostro tutorial. Un browser è una piattaforma necessaria per eseguire il file HTML. Per impostazione predefinita, Windows ha un Explorer Internet per eseguire i file di testo. Inoltre, abbiamo bisogno di tag HTML e CSS per svolgere questo compito.

Formato e sintassi

Il concetto di sottolineare il testo può essere possibile conoscendo la funzionalità di base e le caratteristiche di HTML. Il corpo HTML è diviso in due parti. Uno è la testa e il secondo è il corpo. La parte della testa è prima scritta; In quella parte, includiamo il titolo della pagina web. Questo titolo è visibile quando eseguiamo la pagina HTML sul browser. Lo stile interno viene anche introdotto all'interno del corpo della testa. Allo stesso tempo, la porzione del corpo contiene tutti gli altri tag, inclusi testo, immagine, ecc.

HTML ha un tag di apertura e chiusura. Entrambi i tag sono scritti prima e dopo il testo. Il codice HTML che è scritto nei blocchi note viene salvato nelle estensioni del blocco note e del browser. IL .L'estensione TXT viene salvata come codice, mentre con HTML viene salvato per il browser. Il file dell'editor di testo deve essere salvato con l'estensione HTML. Ad esempio, campione.html. Allora vedrai che il file viene salvato con l'icona del browser corrente che stai usando a questo scopo.

L'immagine seguente è un codice di esempio di HTML. Nella parte della testa, abbiamo aggiunto il nome del titolo. E nella parte del corpo, viene aggiunto un tag di paragrafo.

L'output viene visualizzato di seguito nell'immagine. Il paragrafo è anche visualizzato per impostazione predefinita senza alcuna formattazione.

Esempio 1

In questa illustrazione, non cambiamo nulla nella testa. Abbiamo aggiunto un paragrafo come discusso nel campione del codice HTML. Il paragrafo ha tre righe. Vogliamo sottolineare la linea media del paragrafo.

Questo tag ha anche un tag finale come gli altri. Abbiamo usato il
Tag nel paragrafo, che viene utilizzato per passare alla riga successiva. Ha anche tag di apertura e fine. Ma qui può anche essere usato anche il tag finale.

Ora salva il file e quindi esegui il file nel browser.

Dall'output, vedrai che la linea media del paragrafo è sottolineata dal tag che abbiamo usato nel tag HTML.

Esempio 2

Nel primo esempio, abbiamo sottolineato l'intera frase. Ma in questo caso, vogliamo dominare una sola parola. Quindi useremo il tag sottolinea con quella parola. La sintassi per questo approccio è anche la stessa. Vediamo l'esempio del codice indicato di seguito.

Quando eseguiamo il codice nel browser, otteniamo il risultato in questo modo.

Esempio 3

Questo è un esempio di stile in linea. Questo stile viene aggiunto all'interno del tag paragrafo o del tag di intestazione, qualunque cosa tu voglia formattare. In questo esempio, dobbiamo scrivere il codice di stile nel tag di intestazione per ottenere il risultato e capirlo. Inoltre, l'intero testo rimane intatto.

Allineamento e formattazione del testo sono come rendere il testo audace, corsivo, ecc. sono la maggior parte della progettazione della pagina web e sono considerati oggetti decorativi. Quindi il tag contiene l'istruzione di decorazione del testo in esso. Ora salva il testo ed esegui il file nel browser. Dall'output, puoi vedere che l'intestazione è sottolineata mentre un altro testo non è perché abbiamo applicato il testo in linea solo nel tag di intestazione.

Esempio 4

Questo è un esempio di stile interno. Ciò significa che il tag di stile è scritto all'interno del corpo di HTML. Una classe è dichiarata con un nome di un punto. Questa classe è inizializzata all'interno del tag di stile. Questo viene fatto in modo che la formattazione sia eseguita facilmente accedendo alla classe. Mentre il tag di stile e la descrizione sono gli stessi del CSS interno.

L'intero testo nel paragrafo è sottolineato aggiungendo il nome della classe. Esegui il codice del file nel browser.

Ecco come il tag sottolineato è descritto all'interno della classe con l'aiuto del tag interno.

Dall'output, puoi vedere il funzionamento dei tag all'interno del corpo HTML.

Esempio 5

Questo è anche un esempio di CSS interno. In cui il codice di stile scritto nel corpo è lo stesso.

Qui, sottolinea il nome della classe. Mentre il tag scritto all'interno del tag per indicare il nome della classe è diverso dal tag. Non è necessario utilizzare ogni volta, quindi usiamo invece di .

Puoi visualizzare l'output.

Esempio 6

Il più delle volte, vuoi sottolineare un po 'di testo in un altro modo di una linea retta. Oppure, in Microsoft Word, hai notato che la parola che ha ortografia sbagliata è decorata con una linea sottolineata. Questo approccio ha anche una dichiarazione di classe all'interno del corpo. Mentre la classe viene anche introdotta all'interno del tag.

Puoi osservare che negli esempi precedenti, la decorazione del testo è sottolineata perché, per impostazione predefinita, la linea sottolineata è dritta. Ma puoi fare riccioli per renderlo ondulato. Sarebbe meglio se menzionassi questo tag all'interno del tag interno. L'uscita può essere mostrata nel browser.

Produzione:

Conclusione

In questo articolo, gli esempi relativi alla sottolineatura del testo sono spiegati. Molti approcci vengono utilizzati per salvare ed eseguire il file di testo per ottenere i risultati su una pagina Web o su un sito Web.