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>
<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.
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>
<p><b> BOLD TEXT </b> not in bold </p>;
Incluez le texte que vous voulez mettre en gras entre <b>...</b>
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.
Ajouter la balise <b>
<p> <b> I am in Bold </b></p>
Pour plus de balises de formatage de texte cliquez ici
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.
span.bold(This name can be anything do not include parenthesis) { font-weight: bold; }