Hypertext Markup Language (HTML) è un linguaggio front-end utilizzato per progettare e sviluppare un sito web. L'HTML è il linguaggio di base di tutti i linguaggi utilizzati per progettare pagine Web statiche o dinamiche. Html ha molte funzioni che sono richieste nella progettazione. Con l'aiuto di tag, comandi scritti tra parentesi angolari, viene progettata una pagina web. HTML consente all'utente di creare o modificare testo, immagine o qualsiasi altro elemento come qualsiasi editor di testo, ad esempio Microsoft Word. I contenuti dell'HTML sono testo, immagine, colore, design, ecc. Il design è una parte molto importante in quanto è responsabile della decorazione del testo. Rendere il testo in corsivo è un esempio di progettazione del testo. Questo elemento è importante per enfatizzare o guidare l'attenzione dell'utente. Alcuni degli esempi sono evidenziati in questo tutorial.
Elementi essenziali richiesti
L'HTML richiede due strumenti per la progettazione e lo sviluppo di un sito web. Uno è un editor di testo necessario per scrivere il codice html al suo interno. Può essere qualsiasi editor di testo nel tuo accesso, ad esempio blocco note, blocco note ++, sublime, studio visivo, ecc. Il secondo è un browser sul tuo computer, Google Chrome, Internet Explorer, ecc. In questo articolo, abbiamo utilizzato blocco note e Google Chrome. Per progettare la pagina statica, hai bisogno dell'HTML e per lo stile del foglio di stile CSS. Ciascuno di essi viene utilizzato in questa guida con esempi.
formato HTML
Per spiegare il design del testo in corsivo, capiamo prima il codice html. Il codice HTML ha due parti. Uno è la parte della testa e un altro nel corpo. Includiamo il titolo nella parte di testa; questo nome del titolo è in realtà il titolo della pagina. Lo styling interno viene eseguito anche all'interno del corpo della testa. Considerando che il corpo contiene tutti gli altri tag relativi a testo, immagine e colore, ecc. Inoltre, qualsiasi cosa tu voglia aggiungere alla pagina html è scritta nella parte del corpo del codice html.
< html >
< testa >...</ testa >
< corpo >….</ corpo >
</ html >
L'immagine sotto è un codice di esempio di HTML. Puoi vedere che il nome del titolo è scritto all'interno della porzione di testa. Allo stesso tempo, abbiamo aggiunto un paragrafo nel corpo di html usando tag
. quindi il tag body e i tag html vengono chiusi.
L'output di questo esempio è visualizzato nel browser. Puoi vedere che il nome del titolo è mostrato nel nome della scheda, che abbiamo dichiarato nell'intestazione del codice html.
L'HTML ha un tag di apertura e chiusura per tutti i tag scritti all'interno del suo corpo. Una volta aperto il codice deve essere chiuso dopo aver scritto del testo tra di esso. Il tag è chiuso con la barra al suo interno. Il codice viene quindi salvato nel file del blocco note. Una cosa da tenere a mente è che durante il salvataggio del codice, il file dell'editor di testo deve essere salvato con l'estensione html. Ad esempio, sample.html. quindi vedrai che il file viene salvato con l'icona del browser corrente che stai utilizzando per questo scopo.
Questo era lo sfondo della progettazione in html. Ora useremo un semplice esempio per rendere il testo in corsivo.
Esempio 1
Prendi un file di blocco note e scrivi il semplice codice html come descritto in precedenza in questa guida. Aggiungi un paragrafo di due righe nella parte del corpo. Per rendere il testo in corsivo. Usa il tag all'inizio delle parole che vuoi siano in corsivo
< io > ……</ io >Questo è il tag per mettere in corsivo il testo. Come puoi vedere nell'immagine qui sotto, il è il tag di apertura scritto all'inizio e è il tag di chiusura. Chiudi il corpo e l'html.
Ora salva il file ed eseguilo nel browser per vedere l'output del file.
Dall'output, puoi osservare che la frase che abbiamo reso corsivo nel codice è in corsivo, mentre la prima frase è apparsa in un formato normale.
Esempio 2
In questo esempio, creeremo una parola specifica in corsivo invece dell'intera frase del testo. i tag di apertura e chiusura sono usati nell'intero paragrafo, ovunque vogliamo rendere il testo in corsivo nella frase.
Ora, ancora una volta, salva il file ed eseguilo nel browser. Puoi vedere che una parte specifica del testo è nella forma corsiva che vogliamo rendere italica nel codice.
Esempio 3
Oltre a usare il tag nel testo, esiste un altro metodo per rendere il testo in corsivo. Questo è l'approccio per enfatizzare una parte del testo. Questo tag ha anche un tag di apertura e chiusura. La sintassi utilizzata per esso è ;
< in >….</ in >Il testo è scritto tra i due tag; in questo esempio, abbiamo usato questo tag due volte nel paragrafo. Vediamo l'immagine del codice posta sotto.
In entrambe le frasi, abbiamo usato una volta nel paragrafo. L'output si ottiene eseguendo il file html nel formato del browser.
Esempio 4
Questo è l'esempio in cui abbiamo usato un altro approccio per mostrare le parole in corsivo. Implica l'uso di nel testo. In questo esempio, abbiamo applicato questo tag all'intero testo scritto nel corpo di html.
< Citare > ……</ Citazione > 
Dopo aver chiuso tutti i tag, esegui il file nel browser.
Esempio 5
Finora abbiamo discusso dello stile in linea del testo. Fare una forma di testo in corsivo si riferisce anche allo stile e al design del testo. Lo stile è di tre tipi. Uno è in linea, il secondo è interno e il terzo è esterno. Lo stile in linea viene eseguito all'interno del tag. Interno è scritto all'interno del corpo della testa. E lo stile esterno viene eseguito in un altro file con estensione .css.
Questo è un esempio di CSS in linea; qui abbiamo scritto il codice all'interno dei tag del paragrafo. Abbiamo dichiarato corsivo la dichiarazione di stile come stile di carattere. Questa dichiarazione è scritta all'interno del tag, quindi non avrà alcun tag di chiusura, come puoi vedere nell'immagine sopra. Ora chiudi tutti i tag ed eseguili nel browser. Mostra gli stessi risultati che desideravamo.
< P stile=fare-stile: corsivo;> 
Esempio 6
Dopo inline, ora aggiungeremo l'esempio dello stile interno. Qui viene aggiunta una classe all'interno della porzione di testa. Quindi il nome della classe viene dichiarato all'interno del tag di paragrafo nel corpo dell'html. In modo che sia facilmente accessibile.
< testa >< stile >
.a{
Rendere-stile: corsivo;
}
</ stile ></ testa >
Puoi vedere che la classe è inizializzata con il metodo dot. Ci sono due paragrafi nel codice; abbiamo applicato questo stile su uno di essi. Quindi è utile quando vogliamo formattare un paragrafo.
La dichiarazione di classe all'interno del paragrafo è;
< P classe=a>< P classe='a'>
Questo accederà alla classe nella testa. Ora guarda l'output. Noterai che uno dei paragrafi è in corsivo.
Conclusione
Questo articolo rappresenta la formattazione del testo in corsivo. La progettazione del testo è una parte essenziale della progettazione di una pagina web.