Testo In Grassetto Javascript

| | | |

Per creare testo in grassetto in HTML puoi utilizzare il tag , il tag o lo spessore del carattere in CSS.

Quando stai progettando una pagina web, potresti voler enfatizzare una parte di testo specifica.

Ad esempio, supponiamo che tu abbia un elenco di istruzioni su come utilizzare una nuova tecnologia e c’è un avviso di sicurezza che è particolarmente importante da leggere per l’utente. Potresti voler sottolineare quell’avviso per assicurarti che l’utente non lo perda quando sta leggendo le istruzioni.

In HTML, ci sono funzioni integrate che consentono ai programmatori per incoraggiare un testo particolare. In questo tutorial, analizzeremo i tre modi più comuni per incoraggiare il testo in HTML: il tag , il tag e il parametro font-weight Cascading Style Sheets (CSS).

HTML Tag

Il modo più comune in cui gli sviluppatori creano testo in HTML è utilizzando il tag . Il tag funziona per creare un elemento che rappresenta il testo in grassetto su una pagina web HTML. Ad esempio, un tag può evidenziare i sottotitoli in un articolo online.

Ecco un esempio di HTML < b> tag in azione:

è cosi semplice. Se vuoi rendere in grassetto una particolare porzione di testo ma lasciare il resto di un paragrafo, puoi racchiudere un tag in una sezione come facciamo di seguito:

Ecco il risultato del nostro codice:

81% dei partecipanti hanno dichiarato di sentirsi più sicuri delle loro prospettive di lavoro nel settore tecnologico dopo aver frequentato un bootcamp. Fatti abbinare a un bootcamp oggi.

Il laureato medio di un bootcamp ha trascorso meno di sei mesi nella transizione di carriera, dall’avvio di un bootcamp alla ricerca del primo lavoro.

Appare l’inizio del nostro paragrafo normal e il testo all’interno del nostro tag è stato rafforzato.

Tag HTML

Inoltre, puoi utilizzare il tag per creare testo in grassetto in HTML. Il tag è esattamente come il tag , con una differenza: il tag forte indica che il suo contenuto richiede un’attenzione speciale. Ecco un esempio di tag utilizzato:

Il nostro codice restituisce quanto segue:

3Wu9gudPNDx8rHeEPum1C5 JUxRQqmDg ZCJv4nIGzDEBzPbvXoQwXWT Pr9peExkkgeBdErzTUDrrvGjcInojk0I1GR ZTJmru5ycNZFY4UZjriVadJXKZfpQKqaA5qxDB0tcT1

Come si può vedere, il "b" viene utilizzato per evidenziare il testo che il lettore può voler leggere . Il tag viene utilizzato per indicare che il lettore deve prestare particolare attenzione alla parola Attenzione. Detto questo, a parte questa differenza, e i tag sono gli stessi.

Proprietà CSS font-weight

I e sono usati negli elementi HTML vanilla per indicare che il testo è importante e deve essere letto. Tuttavia, esiste anche una proprietà CSS che ci dà un maggiore controllo su come appare il nostro testo: font-weight.

font-weight consente ai programmatori di determinare quanto pesante o leggero ‚Äî quanto è audace ‚Äî appare una particolare porzione di testo. Ecco un esempio del tag font-weight applicato a un paragrafo con il tag thick:

HTML:

CSS:

Il nostro codice restituisce quanto segue:

PUID1hdO8MH0qiaSHr6T2Xbf5IC11tGlX5XBYcHd5ZoMIFN3T 7EtnQs6ddneO7uvbRSJHOHR6 B QAsA6BkhOa1GcjgzQRdAtdShl5DyH1XlZLvqCrqDOOqirbnCdnLboyexPf0

Nel nostro esempio, definiamo una classe denominata spessore , che imposta il font-weight proprietà per il nostro testo a 900, il che significa che il testo in cui facciamo riferimento alla classe thick apparirà incoraggiato. Vale la pena notare che potremmo personalizzare il numero "900" a seconda che desideriamo che il nostro testo appaia più chiaro o più in grassetto.

In alternativa, potremmo specificare il nostro font-weight usando l’attributo style font-weight bold, in questo modo:

Conclusione

Il testo in grassetto è una parte importante della formattazione del testo in HTML. Se hai bisogno di richiamare l’attenzione su una particolare riga di testo o alcune parole, potresti volerlo incoraggiare. In questo tutorial, abbiamo suddiviso i tre modi principali per incoraggiare il testo: < ;b>, e font-weight. Ora sei pronto per creare testo in grassetto come un esperto!

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method