web-dev-qa-db-fra.com

Comment rendre le texte en gras en HTML?

J'essaie de mettre du texte en gras en utilisant HTML, mais j'ai du mal à le faire fonctionner.

Voici ce que j'essaye:

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

Quelqu'un pourrait-il me dire ce que je fais mal?

htmlcsshtml5
136
user133145

utiliser la balise <strong> ou <b>

aussi, vous pouvez essayer avec css <span style="font-weight:bold">text</span>

199
Andrija

HTML n'a pas de balise _<bold>_, mais vous devrez utiliser <b> . Notez cependant que l'utilisation de _<b>_ est déconseillée depuis quelque temps en faveur de CSS . Vous feriez mieux d'utiliser CSS pour atteindre cet objectif.

La balise <strong> est un élément sémantique pour une emphase forte qui par défaut en gras.

48
Joey

La manière de balisage:

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

Le style:

.bold {
  font-weight:bold;
}

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

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

<b>

Cet élément contient du texte que le navigateur doit restituer en gras. Étant donné que la signification de l'élément B définit l'apparence du contenu qu'il contient, cet élément est considéré comme un élément de balisage "physique". En tant que tel, il ne donne pas la signification d'un élément de balisage sémantique tel que fort.

<strong>

Description Cet élément place le texte entre crochets qui doit être fortement souligné. Plus fort que l'élément em.

20
Sampson

En HTML, utilisez:

  • Quelques <b>text</b> que je veux enhardir.
  • Quelques <strong>text</strong> que je veux enhardir.

En utilisation CSS:

  • Quelques <span style="font-weight:bold">text</span> que je veux enhardir.
11
Geo

Est-ce que quelqu'un pourrait me dire ce que je fais mal? "

"bold" n'a jamais été un élément HTML ("b" est la correspondance la plus proche).

HTML devrait contenir un contenu structuré; CSS de l'éditeur doit suggérer des styles pour ce contenu. Ainsi, les agents utilisateurs peuvent exposer le contenu structuré avec des commandes de style et de navigation utiles aux utilisateurs ne pouvant pas voir le style en gras suggéré (utilisateurs de moteurs de recherche, utilisateurs totalement aveugles utilisant des lecteurs d'écran, utilisateurs malvoyants utilisant leurs propres couleurs et polices, utilisateurs geek utilisant des navigateurs de texte, utilisateurs de navigateurs parlants à commande vocale tels que Opera pour Windows). Ainsi, la bonne manière de mettre du texte en gras dépend de pourquoi vous voulez le mettre en gras. Par exemple:

  • Voulez-vous distinguer les titres d'un autre texte? Utilisez des éléments de titre ("h1" à "h6") et suggérez-leur un style gras dans votre CSS ("h1, h2, h3, h4, h5, h5, h6 {font-weight: bold;}".

  • Vous souhaitez enhardir des étiquettes pour les champs de formulaire? Utilisez un élément "label", associez-le par programme à l'élément "select", "input" ou "textarea" approprié en lui attribuant un attribut "pour" correspondant à un attribut "id" sur la cible, et suggérez un style gras pour dans votre CSS ("label {font-weight: bold;"}).

  • Vous voulez en-tête d'un en-tête pour un groupe de champs connexes dans un formulaire, tel qu'un groupe de choix de radio? Entourez-les d'un élément "fieldset", attribuez-lui un élément "legend" et suggérez-lui un style gras dans votre CSS ("legend {font-weight: bold;}").

  • Vous voulez distinguer une légende de table de la table de légendes? Utilisez un élément "caption" et suggérez-lui un style gras dans votre CSS ("caption {font-weight: bold;}").

  • Vous souhaitez distinguer les en-têtes de tableau des cellules de données de tableau? Utilisez un élément "th" et suggérez-lui un style gras dans votre CSS ("th {font-weight: bold;}").

  • Vous souhaitez distinguer le titre d'un film ou d'un album référencé du texte qui l'entoure? Utilisez un élément "cite" avec une classe ("cite class =" movie-title ") et suggérez-lui un style gras dans votre CSS (" .movie-title {font-weight: bold;} ").

  • Vous souhaitez distinguer un mot clé défini du texte environnant qui le définit ou l'explique? Utilisez un élément "dfn" et suggérez-lui un style gras dans votre CSS ("dfn {font-weight: bold;}").

  • Vous voulez distinguer un code informatique du texte environnant? Utilisez un élément "code" et suggérez-lui un style gras dans votre CSS ("code {font-weight: bold;}").

  • Vous voulez distinguer un nom de variable du texte environnant? Utilisez un élément "var" et suggérez-lui un style gras dans votre CSS ("var {font-weight: bold;}").

  • Voulez-vous indiquer qu'un texte a été ajouté en tant que mise à jour? Utilisez un élément "ins" et suggérez-lui un style gras dans votre CSS ("ins {font-weight: bold;}").

  • Voulez-vous souligner légèrement du texte ("Je aime des chatons!")? Utilisez un élément "em" et suggérez-lui un style gras dans votre code CSS (par exemple, "em {font-weight: bold;}").

  • Vous voulez trop insister sur un texte, par exemple pour un avertissement (" Attention au chien! ")? Utilisez un élément "fort" et suggérez-lui un style gras dans votre code CSS (par exemple, "strong {font-weight: bold;}").

… Vous avez l'idée (j'espère).

Impossible de trouver un élément HTML avec le droit sémantique pour exprimer/pourquoi/vous voulez mettre ce texte en gras? Enveloppez-le dans un élément "span" générique, donnez-lui un nom de classe explicite qui exprime la raison pour laquelle vous distinguez ce texte ("<span class =" lede ">). Laissez-moi commencer cet article par une phrase qui le résume. </ Span >), et suggérez un style gras pour cela dans votre CSS (".lede {font-weight: bold;"}. Avant de créer vos propres noms de classe, vous pouvez vérifier s'il existe un microformat (microformats.org) ou convention commune pour ce que vous voulez exprimer.

8
Benjamin Hawkes-Lewis

L'élément HTML définit le texte en gras, sans importance supplémentaire.

<b>This text is bold</b>

L'élément HTML définit le texte fort, avec une importance sémantique "forte" ajoutée.

<strong>This text is strong</strong>
6
Muhammad Awais

Une autre option est de le faire via CSS ...

Par exemple. 1

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

Par exemple. 2

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

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

Vous êtes presque là!

Pour un texte en gras, vous devriez avoir ceci: <b> bold text</b> ou <strong>bold text</strong> Ils ont le même résultat.

Exemple de travail - JSfiddle

4
1010

C’est juste <b> au lieu de _<bold>_:

_Some <b>text</b> that I want bolded.
_

Notez que _<b>_ modifie simplement l'apparence du texte. Si vous souhaitez le mettre en gras parce que vous souhaitez exprimer une emphase forte, utilisez plutôt l'élément <strong> .

3
Gumbo

Je pense que la vraie réponse est http://www.w3schools.com/HTML/default.asp .

2
John Saunders