Come posso rendere grassetto il testo in HTML?

Sto cercando di mettere in grassetto del testo usando HTML, ma sto lottando per farlo funzionare.

Ecco cosa sto provando:

Some <bold>text</bold> that I want emboldened.

Qualcuno potrebbe dirmi cosa sto facendo di sbagliato?

usa <strong>o <b>tagga

inoltre, puoi provare con css <span style="font-weight:bold">text</span>

HTML non ha un <bold>tag, invece dovresti usare <b>. Si noti tuttavia che l'utilizzo <b>è scoraggiato a favore dei CSS da un po 'di tempo . Faresti meglio a usare i CSS per raggiungere questo obiettivo.

Il <strong>tag è un elemento semantico per una forte enfasi che per impostazione predefinita è in grassetto.

The Markup Way:

<strong>I'm Bold!</strong> and <b>I'm Bold Too!</b>

The Styling Way:

.bold {
  font-weight:bold;
}

<span class="bold">I'm Bold!</span>

Da: http://www.december.com/html/x1/

<b>

Questo elemento racchiude il testo che dovrebbe essere visualizzato dal browser come grassetto. Poiché il significato dell'elemento B definisce l'aspetto del contenuto che racchiude, questo elemento è considerato un elemento di markup "fisico". Come tale, non trasmette il significato di un elemento di markup semantico come strong.

<strong>

Descrizione Questo elemento racchiude tra parentesi il testo che dovrebbe essere fortemente enfatizzato. Più forte dell'elemento em.

In HTML utilizzare:

• Alcuni <b>testi </b>che desidero incoraggiare.
• Alcuni <strong>testi </strong>che desidero incoraggiare.

Nell'uso CSS:

• Alcuni <span style="font-weight:bold">testi </span>che desidero incoraggiare.

Qualcuno potrebbe dirmi cosa sto facendo di sbagliato? "

"grassetto" non è mai stato un elemento HTML ("b" è la corrispondenza più vicina).

HTML dovrebbe contenere contenuti strutturati; il CSS del publisher dovrebbe suggerire stili per quel contenuto. In questo modo gli user agent possono esporre i contenuti strutturati con stili e controlli di navigazione utili agli utenti che non possono vedere lo stile audace suggerito (ad esempio utenti dei motori di ricerca, utenti totalmente ciechi che usano gli screen reader, utenti ipovedenti che usano i propri colori e caratteri, utenti geek che utilizzano browser di testo, utenti di browser vocali a controllo vocale come Opera per Windows). Pertanto, il modo giusto per rendere il testo in grassetto dipende dal motivo per cui si desidera dare uno stile in grassetto. Per esempio:

• Vuoi distinguere i titoli dagli altri testi? Usa gli elementi di intestazione (da "h1" a "h6") e suggerisci uno stile audace all'interno del tuo CSS ("h1, h2, h3, h4, h5, h6 {font-weight: bold;}".

• Vuoi incoraggiare le etichette per i campi modulo? Utilizzare un elemento "etichetta", associarlo a livello di codice con l'elemento "seleziona", "input" o "textarea" pertinente assegnandogli un attributo "for" che corrisponda a un attributo "id" sulla destinazione e suggerire uno stile grassetto per nel tuo CSS ("label {font-weight: bold;"}).

• Vuoi incoraggiare un'intestazione per un gruppo di campi correlati in un modulo, ad esempio un gruppo di scelte radio? Circondali con un elemento "fieldset", dagli un elemento "legenda" e suggeriscigli uno stile audace all'interno del tuo CSS ("legenda {font-weight: bold;}").

• Vuoi distinguere una didascalia della tabella dalla didascalia della tabella? Usa un elemento "didascalia" e suggeriscigli uno stile audace all'interno del tuo CSS ("didascalia {font-weight: bold;}").

• Vuoi distinguere le intestazioni di tabella dalle celle di dati della tabella? Usa un elemento "th" e suggeriscigli uno stile audace all'interno del tuo CSS ("th {font-weight: bold;}").

• Vuoi distinguere il titolo di un film o album referenziato dal testo circostante? Usa un elemento "cite" con una classe ("cite class =" movie-title ") e suggerisci uno stile audace all'interno del tuo CSS (" .movie-title {font-weight: bold;} ").

• Vuoi distinguere una parola chiave definita dal testo circostante che la definisce o spiega? Usa un elemento "dfn" e suggeriscigli uno stile grassetto all'interno del tuo CSS ("dfn {font-weight: bold;}").

• Vuoi distinguere un po 'di codice del computer dal testo circostante? Usa un elemento "code" e suggeriscigli uno stile grassetto all'interno del tuo CSS ("code {font-weight: bold;}").

• Vuoi distinguere un nome di variabile dal testo circostante? Usa un elemento "var" e suggeriscigli uno stile grassetto all'interno del tuo CSS ("var {font-weight: bold;}").

• Vuoi indicare che è stato aggiunto del testo come aggiornamento? Usa un elemento "ins" e suggeriscigli uno stile grassetto all'interno del tuo CSS ("ins {font-weight: bold;}").

• Vuoi sottolineare leggermente un po 'di testo (" Adoro i gattini!")? Usa un elemento "em" e suggeriscigli uno stile audace all'interno del tuo CSS (es. "Em {font-weight: bold;}").

• Vuoi sottolineare pesantemente del testo, forse per un avvertimento (" Attenti al cane! ")? Usa un elemento "forte" e suggerisci uno stile audace all'interno del tuo CSS (ad es. "Forte {carattere-peso: grassetto;}").

... Hai avuto l'idea (si spera).

Non riesci a trovare un elemento HTML con la semantica giusta per esprimere / perché / vuoi rendere grassetto questo particolare testo? Avvolgilo in un generico elemento "span", dagli un nome di classe significativo che esprima la tua logica per distinguere quel testo ("<span class =" lede "> Vorrei iniziare questo articolo di notizie con una frase che lo riassume. </ Span >) e suggerisci uno stile audace all'interno del tuo CSS (".lede {font-weight: bold;"}. Prima di creare i nomi delle tue classi, potresti voler controllare se c'è un microformato (microformats.org) o convenzione comune per ciò che si desidera esprimere.

L'elemento HTML definisce il testo in grassetto, senza alcuna importanza aggiuntiva.

<b>This text is bold</b>

L'elemento HTML definisce il testo forte, con un'importanza "forte" semantica aggiunta.

<strong>This text is strong</strong>

Un'altra opzione è farlo tramite CSS ...

Ad esempio 1

<span style="font-weight: bold;">Hello stackoverflow!</span>

Ad esempio 2

<style type="text/css">
    #text
    {
        font-weight: bold;
    }
</style>

<div id="text">
    Hello again!
</div>

Ci sei quasi!

Per un testo in grassetto, dovresti avere questo: <b> bold text</b>o <strong>bold text</strong>Hanno lo stesso risultato.

Esempio di lavoro - JSfiddle

È solo <b>invece di <bold>:

Some <b>text</b> that I want bolded.

Nota che <b>cambia solo l'aspetto del testo. Se vuoi renderlo audace perché vuoi esprimere una forte enfasi, dovresti usare meglio l' <strong>elemento .

Penso che la vera risposta sia http://www.w3schools.com/HTML/default.asp .