web-dev-qa-db-fra.com

comment mettre en gras des mots dans un paragraphe HTML/CSS?

Je suis débutant en programmation Web et pose des questions très simples.

J'essaie de mettre plusieurs mots en gras dans un paragraphe, mais je ne sais pas comment faire cela avec HTML/CSS. J'ai compris comment mettre en gras des paragraphes entiers, mais pas encore des mots individuels. Comment puis-je mettre en gras un mot, comme "gras" dans mon exemple?

Cela met en gras un paragraphe entier:

<html>
<head>
<style type="text/css">
p.n1
{
    font:15px bold 30px Georgia,serif;
}

</style>
</head>

<body>
<p class="n1">I am in bold. </p>
</body>
</html>
18
user1111042
<p><strong>This is in bold.</strong> This is not.</p>

Vous trouverez peut-être que Mozilla Developer Network est une référence très pratique et fiable.

29
Mike Hofer

Je sais que cette question est ancienne, mais je l'ai rencontrée et je sais que d'autres personnes pourraient avoir le même problème. Toutes ces réponses sont correctes, mais ne donnent pas les détails appropriés ou des conseils VRAI réels.

Lorsque vous souhaitez styliser une section spécifique d'un paragraphe, utilisez la balise span.

<p><span style="font-weight:900">Andy Warhol</span> (August 6, 1928 - February 22, 1987) 

was an American artist who was a leading figure in the visual art movement known as pop 

art.</p>

Andy Warhol (6 août 1928 - 22 février 1987) était un artiste américain qui était une figure majeure du mouvement des arts visuels connu sous le nom de pop art.

Comme le code l'indique, les styles de balise span des mots spécifiés: "Andy Warhol". Vous pouvez également styler un mot en utilisant n’importe quel code de style de police CSS.

{font-weight; font-size; text-decoration; font-family; margin; color}, etc. 

N'importe lequel de ces éléments et plus peut être utilisé pour styler un mot, un groupe de mots ou même des paragraphes spécifiés sans avoir à ajouter de classe à la feuille de style CSS Doc. J'espère que ça aidera quelqu'un!

<style type="text/css">
p.boldpara {font-weight:bold;}
</style>
</head>

<body>
<p class="boldpara">Stack overflow is good site for developers. I really like this site </p>

</body>

</html>

http://www.tutorialspoint.com

3
swati16
<p><b> BOLD TEXT </b> not in bold </p>;

Incluez le texte que vous voulez mettre en gras entre <b>...</b>

3
user1177371

si vous voulez juste "gras", la réponse de Mike Hofer est généralement correcte.

mais notez que la balise affiche son contenu par défaut, mais vous pouvez changer ce comportement en utilisant css, exemple:

p strong {
    font-weight: normal;
    font-style: italic;
}

Maintenant votre "gras" est en italique :)

Donc, essayez d'utiliser les balises par sa signification, pas par son style par défaut.

2
Rodrigo

Ajouter la balise <b> 

<p> <b> I am in Bold </b></p>

Pour plus de balises de formatage de texte cliquez ici

1
mee

Bien que votre réponse propose de nombreuses solutions, je pense que c’est un excellent moyen de sauvegarder des lignes de code. Essayez d’utiliser des portées qui sont idéales pour des situations comme la vôtre. 

  1. Créez une classe pour mettre n'importe quel élément en gras. Donc, pour le texte du paragraphe, il serait 
span.bold(This name can be anything do not include parenthesis) {
   font-weight: bold;
}
  1. Dans votre code html, vous pouvez accéder à cette classe en utilisant les balises span et en ajoutant une classe de caractères gras
0
coletrain