2012-01-30 77 views
16

Soy un principiante en programación web y tengo algunas preguntas muy simples.cómo palabras en negrita dentro de un párrafo en HTML/CSS?

Estoy tratando de poner en negrita varias palabras en un párrafo pero no sé cómo hacerlo usando HTML/CSS. He descubierto cómo audaz párrafos completos, pero no palabras individuales aún. ¿Cómo puedo usar una palabra en negrita, como "negrita" en mi ejemplo?

Este Bolds un párrafo entero:

<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> 

Respuesta

27
<p><strong>This is in bold.</strong> This is not.</p> 

Usted puede encontrar Mozilla Developer Network a ser una referencia muy útil y fiable.

+0

se me adelantó, agradable, aquí está la dirección URL de la especificación HTML 4.01: http://www.w3.org/TR/ html4/struct/text.html # h-9.2.1 y del borrador de la especificación HTML 5.0: http://dev.w3.org/html5/spec/Overview.html#the-strong-element – sarnold

+0

'strong' doesn ' t necesariamente implica audacia, pero que el texto dentro es de mayor importancia relativa. 'b' es la etiqueta correcta para usar si simplemente desea cambiar el estilo de presentación, o alternativamente usar un elemento' span' con una clase de estilo apropiado. Lo mismo es cierto de 'em' para énfasis y' i'. – djlumley

+1

Mientras que b y strong son elementos separados, la información estrictamente estilística (como b) pertenece a la hoja de estilo. Sin embargo, concedo tu punto. Lo que probablemente debería haberle señalado fue el uso de un tramo anidado, con una identificación, y el uso de un estilo para ponerlo en negrita. Pero eso es un poco del lado purista, y tomé la ruta más directa para resolver el problema. –

2

si solo quiere "negrita", Mike Hofer's answer es principalmente correcto.

Pero Tenga en cuenta que la etiqueta Bolds su contenido de forma predeterminada, pero se puede cambiar este comportamiento usando CSS, ejemplo:

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

Ahora su "negrita" está en cursiva :)

tanto, tratar de usa etiquetas por su significado, no por su estilo predeterminado.

+0

Bien dicho, señor. +1 –

+1

nota rápida: la forma en que se ordenan las respuestas podría cambiar con el tiempo (o dependiendo de cómo las clasifique un usuario en particular), así que en lugar de "respuesta anterior", debe mencionar el nombre del respondedor y/o incluir un enlace a la respuesta sí mismo. –

+0

gracias por la sugerencia! Fijo. – Rodrigo

0

Aunque su respuesta tiene muchas soluciones, creo que esta es una gran manera de guardar líneas de código. Intenta usar tramos, lo que es ideal para situaciones como la tuya.

  1. Cree una clase para hacer que cualquier elemento sea negrita. Así que para el texto del párrafo sería
span.bold(This name can be anything do not include parenthesis) { 
    font-weight: bold; 
} 
  1. en el código HTML puede acceder a esa clase como mediante el uso de las etiquetas span y la adición de una clase de nombre en negrita o lo que sea que haya elegido
1
<p><b> BOLD TEXT </b> not in bold </p>; 

Incluir el texto que desea estar en negrita entre <b>...</b>

3
<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

+0

* El desbordamiento de la pila es el mejor sitio para los desarrolladores. –

5

Sé que esta pregunta es viejo, pero me encontré con él y sé que otras personas podrían tener el mismo problema. Todas estas respuestas están bien, pero no brinde los detalles adecuados ni el consejo VERDADERO real.

Cuando desee aplicar un estilo a una sección específica de un párrafo, utilice la etiqueta 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 agosto 1928 hasta 22 febrero 1987) fue un artista estadounidense que fue una figura destacada en el movimiento de arte visual conocido como arte pop.

Como muestra el código, los estilos de etiqueta span en las palabras especificadas: "Andy Warhol". También puede darle estilo a una palabra usando cualquier código de estilo de fuente CSS.

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

Cualquiera de estos y más se puede utilizar con el estilo de una palabra o grupo de palabras o párrafos especificados incluso sin tener que añadir una clase a la CSS Style Sheet Doc. ¡Espero que esto ayude a alguien!

-1

Añadir <b> etiqueta

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

Para etiquetas de formato de texto más click here

Cuestiones relacionadas