Come fare il testo del corsivo in HTML
Hypertext Markup Language (HTML) è una lingua front-end utilizzata per progettare e sviluppare un sito Web. HTML è la lingua di base di tutte le lingue utilizzate per progettare pagine Web statiche o dinamiche. HTML ha molte funzioni richieste nella progettazione. Con l'aiuto dei tag, i comandi scritti tra parentesi angolari, è progettata una pagina web. HTML consente all'utente di creare o modificare testo, immagine o qualsiasi altro elemento come qualsiasi editor di testo, i.e., Microsoft Word. I contenuti di HTML sono testo, immagine, colore, design, ecc. Il design è una parte molto importante in quanto è responsabile della decorazione del testo. Fare 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.
Essenziale richiesto
HTML richiede due strumenti per la progettazione e lo sviluppo di un sito Web. Uno è un editor di testo richiesto per scrivere il codice HTML. Può essere qualsiasi editor di testo nel tuo accesso, io.e., Blocco note, blocco note ++, sublime, Visual Studio, ecc. Il secondo è un browser sul tuo computer, Google Chrome, Internet Explorer, ecc. In questo articolo, abbiamo usato Notepad e Google Chrome. Per progettare la pagina statica, è necessario HTML e per lo styling del foglio di stile CSS. Ognuno di essi è usato in questa guida con esempi.
Formato HTML
Per spiegare la progettazione del testo in corsivo, comprendiamo prima il codice di HTML. Il codice HTML ha due parti. Uno è la parte della testa e un altro nel corpo. Includiamo il titolo nella parte principale; Questo nome del titolo è in realtà il titolo della pagina. Lo stile interno viene anche fatto all'interno del corpo della testa. Mentre il corpo contiene tutti gli altri tag relativi a testo, immagine e colore, ecc. Inoltre, qualunque cosa tu voglia aggiungere alla pagina HTML è scritta nella parte del corpo del codice HTML.
..
.. .
L'immagine seguente è 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 il tag
. Quindi i tag del corpo e i tag HTML sono chiusi.
L'output di questo campione è visto nel browser. Puoi vedere che il nome del titolo è mostrato nel nome della scheda, che abbiamo dichiarato nella testa del codice HTML.
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 il testo tra esso. Il tag è chiuso con la barra. Il codice viene quindi salvato nel file del blocco note. Una cosa che dovrebbe essere tenuta a mente è che, durante il salvataggio del codice, 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.
Questo era lo sfondo della progettazione in HTML. Ora useremo un semplice esempio per creare 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 porzione del corpo. Per rendere il testo in corsivo. Usa il tag All'inizio delle parole che vuoi essere in corsivo
..Questo è il tag per corsivo il testo. Come puoi vedere nell'immagine seguente, il è il tag di apertura scritto all'inizio e è il tag di chiusura. Chiudi il corpo e HTML.
Ora salva il file ed eseguilo nel browser per vedere l'output del file.
Dall'output, è possibile osservare che la frase che abbiamo fatto il corsivo nel codice è in forma corsivo, mentre la prima frase è apparsa in un formato normale.
Esempio 2
In questo esempio, faremo una parola specifica in forma in corsivo invece dell'intera frase del testo. I tag di apertura e chiusura vengono utilizzati nell'intero paragrafo, ovunque vogliamo rendere il testo in corsivo nella frase.
Ora ancora una volta, salva il file e poi eseguilo nel browser. Puoi vedere che una parte specifica del testo è nella forma in corsivo che vogliamo fare il corsivo nel codice.
Esempio 3
Oltre a usare il Tag nel testo, esiste un altro metodo per creare il testo in una forma corsivo. Questo è l'approccio per enfatizzare una parte del testo. Questo tag ha anche un tag di apertura e chiusura. La sintassi usata per esso è;
.. .Il testo è scritto tra i due tag; In questo esempio, abbiamo usato questo tag due volte nel paragrafo. Vediamo l'immagine del codice posizionato di seguito.
In entrambe le frasi, abbiamo usato Una volta nel paragrafo. L'output viene ottenuto 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 una forma corsiva. Implica l'uso nel testo. In questo esempio, abbiamo applicato questo tag all'intero testo scritto nel corpo di HTML.
..Dopo aver chiuso tutti i tag, eseguire il file nel browser.
Esempio 5
Fino ad ora, abbiamo discusso dello stile in linea del testo. Fare una forma di testo in corsivo si riferisce anche allo stile e alla progettazione del testo. Lo styling è di tre tipi. Uno è in linea, il secondo è interno e il terzo è esterno. Lo styling in linea viene eseguito all'interno del tag. L'interno è scritto all'interno del corpo della testa. E lo stile esterno viene eseguito in un altro file con l'estensione di .CSS.
Questo è un esempio di CSS in linea; Qui, abbiamo scritto il codice all'interno dei tag del paragrafo. Abbiamo dichiarato che la dichiarazione di stile come tipo di carattere è in corsivo. Questa affermazione è 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 abbiamo desiderato.
Esempio 6
Dopo in linea, aggiungeremo ora l'esempio di stile interno. Qui viene aggiunta una classe all'interno della porzione di testa. Quindi il nome della classe viene dichiarato all'interno del tag paragrafo nel corpo dell'HTML. In modo che sia facilmente accessibile.
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 è;
Questo accederà alla classe nella testa. Ora vedi l'output. Osserverai che uno dei paragrafi è sotto forma di corsivo.
Conclusione
Questo articolo rappresenta la formattazione del testo in forma in corsivo. La progettazione del testo è una parte essenziale della progettazione di una pagina web.