comment faire pour les mots en gras dans un paragraphe dans HTML / CSS?
je suis un débutant en programmation web et j'ai quelques questions très simples.
j'essaie de mettre plusieurs mots en gras dans un paragraphe mais je ne sais pas comment faire cela en utilisant HTML/CSS. J'ai compris comment le gras des paragraphes entiers, mais pas les mots encore. Comment puis-je mettre en gras un mot, comme "gras" dans mon exemple?
C'gras tout un paragraphe:
<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>
7 réponses
<p><strong>This is in bold.</strong> This is not.</p>
Vous pourriez trouver Mozilla Developer Network pour être un très pratique et fiable de référence.
je sais que cette question Est ancienne mais je l'ai croisé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 les conseils véritables.
pour le style d'une section spécifique d'un paragraphe, utilisez l'étiquette 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) est un artiste américain.
le code montre, la balise span styles sur certains mots: "Andy Warhol". Vous pouvez aussi utiliser n'importe quel code de style CSS pour le style d'un mot.
{font-weight; font-size; text-decoration; font-family; margin; color}, etc.
N'importe lequel de ceux-ci et plus peut être utilisé pour le style d'un mot, d'un groupe de mots, ou même de paragraphes spécifiés sans avoir à ajouter une classe à la feuille de Style CSS Doc. J'espère que cela aide 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>
si tu veux juste "bold", réponse de Mike Hofer est en grande partie correcte.
mais notez que la balise verrouille son contenu par défaut, mais vous pouvez modifier ce comportement en utilisant css, exemple:
p strong {
font-weight: normal;
font-style: italic;
}
Maintenant votre "bold" est en italique :)
alors, essayez d'utiliser les tags par leur sens, pas par leur style par défaut.
<p><b> BOLD TEXT </b> not in bold </p>;
Inclure le texte que vous voulez être en gras entre <b>...</b>
bien que votre réponse comporte de nombreuses solutions, je pense que c'est une excellente façon de sauvegarder des lignes de code. Essayez d'utiliser des travées qui est idéal pour des situations comme la vôtre.
- créer une classe pour faire n'importe quel article en gras. Ainsi, pour le texte du paragraphe, il serait
span.bold(This name can be anything do not include parenthesis) { font-weight: bold; }
- dans votre html vous pouvez accéder à cette classe comme en utilisant les balises span et en ajoutant une classe de gras ou quel que soit le nom que vous avez choisi
Ajouter <b> la balise
<p> <b> I am in Bold </b></p>
pour plus de balises de formatage de texte cliquez ici