Come formattare il testo html in grassetto
- Tag
- CSS
Metodo 01: styling tag
Senza l'uso di CSS, HTML ci consente di modellare il testo con i tag. HTML ha una pletora di tag di formattazione. Il testo può essere in grassetto, in corsivo o sottolineato con l'uso di determinati tag. Esistono due tipi di tag di formattazione in HTML:
Tag fisico: La struttura fisica del contenuto è fornita da questi tag. Il tag fisico per in grassetto il testo in HTML sarà .. . sebbene il Mark è davvero un elemento di layout strutturale, non ha valore semantico.
Tag logico: Tali tag vengono utilizzati per fornire al testo un significato logico o contestuale aggiuntivo. Possiamo usare il .. Tag in html per rendere il testo in grassetto. IL Il tag conferisce significato semantico al contenuto.
Semplice formato HTML:
Facciamo alcuni esempi per i tag sia fisici che logici per grassetto il testo in HTML. All'interno di qualsiasi sistema operativo, vai prima alla barra di ricerca e scrivi "Notepad" per aprirla. Al momento del pop-up, fai clic sull'applicazione del blocco note per aprirla. Ora è stato aperto il blocco note; devi scrivere il testo in esso. Ricorda, i tag HTML devono essere utilizzati in questo file per lo styling della pagina Web. Durante la scrittura di qualsiasi file HTML, è necessario seguire il formato HTML per la scrittura di contenuti di testo. È necessario aggiungere il tag per chiarire il tuo sistema che si tratta del file di tipo HTML. Successivamente usa il tag per avviare la lingua HTML. Il tag è stato utilizzato per separare l'area della testa della pagina HTML dall'area del suo corpo. L'area è l'area reale in cui tutti i tag linguistici sono stati utilizzati per la creazione e la formattazione delle pagine. Ad esempio, abbiamo usato il tag paragrafo
..
per chiarire che il testo scritto in esso viene presentato come un paragrafo. Alla fine, il tag è stato utilizzato per terminare il codice. Ogni volta che usi qualsiasi tag di apertura, assicurati di utilizzare il suo tag di chiusura. Per salvare questo file, premere Ctrl+S. Durante il salvataggio di questo file, non dimenticare di aggiungere il ".Estensione HTML "a nome di un file. In questo modo, possiamo facilmente rendere il nostro file praticabile e aprirlo nel nostro browser.Testo quì
Ora, ovunque tu abbia salvato il tuo file, puoi vedere che ha un'icona del browser. Doube-click per aprire questo file in un browser. Il file verrà aperto nel browser e otterrai l'output seguente come presentato nello screenshot seguente.
Esempio 01:
Diamo un esempio di un tag fisico .. Per ottenere il testo in grassetto sulla nostra pagina. Abbiamo usato un paragrafo nel testo del tag HTML. Abbiamo usato la prima riga del paragrafo come testo semplice e la seconda riga è all'interno del tag audace .. . Ciò significa che l'output dovrebbe mostrare che la seconda riga è audace nella pagina del browser Web. Salva il file e fai doppio clic sull'icona del file per aprirlo all'interno di un browser.
Il browser è stato aperto e mostra l'output come sotto. La prima frase della pagina è un testo semplice e l'altra è audace come il tag fisico di .. è stato usato nel testo HTML.
Esempio 02:
Abbiamo usato il .. tagga in grassetto una singola frase nell'esempio sopra. Ora useremo lo stesso tag per in grassetto il testo di un intero paragrafo. Quindi, all'interno del tag paragrafo, abbiamo iniziato il tag audace . Quindi abbiamo aggiunto il testo di un paragrafo e chiuso il tag audace . Successivamente, abbiamo chiuso il tag paragrafo e il resto è lo stesso degli esempi sopra. Salva il file e aprilo tramite doppio clic su di esso.
L'output di seguito mostra che l'intero testo del paragrafo è stato formattato in grassetto.
Esempio 03:
Negli esempi di cui sopra, abbiamo visto come grassetto una sola frase e paragrafo. Possiamo anche usare il tag audace .. nel nostro codice HTML per grassetto alcune parole o frasi. Quindi, all'interno dello stesso file di HTML, abbiamo usato il tag Bold .. per grassetto alcune parole o frasi importanti. Abbiamo usato il tag audace all'inizio e alla fine delle parole, E.G., Aqsa Yasin, Writer Content, CSS Officer e 25. Il riposo è preso come testo semplice. Ha salvato il file e fare doppio clic su di esso per essere lanciato.
Al momento dell'avvio del file nel browser, è possibile vedere l'output di seguito. Le parole importanti che sono in grassetto da un tag vengono visualizzate correttamente nell'immagine.
Esempio 04:
Ora useremo il tag logico per grassetto il testo in HTML. Anche se il tag .. non è stato utilizzato specificamente per in grassetto il testo, viene utilizzato per raccontare l'importanza logica di un testo. In questo modo, il testo diventa audace e l'utente può vederlo come un testo audace. Pertanto, abbiamo usato la stessa struttura di HTML nel nostro vecchio file. In questo file, abbiamo usato le righe di testo nel paragrafo. La prima e la terza riga di testo è stata mantenuta semplice senza alcun tag extra. Al contrario, abbiamo usato il grassetto .. tagga sulla seconda riga e Tag sull'ultima riga di un paragrafo.
L'output è come previsto. Il forte e audace funzionava come mostrato nell'immagine qui sotto.
Metodo 02: Styling CSS
Avere in pensiero che un effetto molto simile può essere ottenuto in HTML usando l'attributo CSS Font-Weight. Questo attributo può essere utilizzato all'interno del file HTML all'interno del tag principale. Quindi, abbiamo usato il codice HTML di seguito nel nostro file. Abbiamo usato lo stile come "Font-Weight = Bold" per modellare l'intero paragrafo come grassetto all'interno del tag principale di
..
.L'output è abbastanza comprensibile.
Un altro modo per usare lo stile CSS per in grassetto il testo è tramite il ... tag. Abbiamo usato questo tag all'interno del testo della prima e della terza riga per grassetto la frase importante, E.G., Aqsa Yasin e Content Writer.
L'output mostra le frasi come audaci nell'immagine sottostante.
Conclusione:
Questa guida ha usato i tre modi per modellare il testo HTML come audace, E.G., tag audace .. , Tag forte e stile CSS Span. Spero che sia facile da implementare da parte tua.