HTML - Color distinto en letras de un titulo

 
Vista:
sin imagen de perfil

Color distinto en letras de un titulo

Publicado por Sergio (2 intervenciones) el 29/11/2016 20:03:58
Buenas, llevo horas mirando en internet pero con consigo nada o el html que se usa es el 3.


Para poner por ejemplo una letra de un titulo de diferente color cómo seria.

Por ejemmplo:

A y C que tengan color verde, pero B color amarillo.

1
<h1 style="font-size:200%; color:green; text-align:center;"> A B  C</h1>

No consigo dar con ello, intente probar con font-color, color=.. pero nada.

S2
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de badger

Color distinto en letras de un titulo

Publicado por badger (7 intervenciones) el 29/11/2016 20:30:26
Hola Sergio, primero de todo no deberías mezclar presentación en el HTML, por suerte tenemos CSS. Prueba este código:

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html><html lang="es"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="screen.css" media="screen,projection,tv">
<title>
        Ayuda sergio
</title>
</head><body>
 
<strong>
        <span>C<span>O<span>L<span>O<span>R</span></span></span></span></span>
</strong>
 
</body></html>

CSS:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
span {
        color:#ffc000;
}
 
span span {
        color:#0cc7da;
}
 
span span span {
        color:#2181fb;
}
 
span span span span {
        color:#00b393;
}
 
span span span span span {
        color:#2f8a07;
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

Color distinto en letras de un titulo

Publicado por Sergio (2 intervenciones) el 29/11/2016 20:35:59
Hola, no puedo hacerlo en css, este ejercicio no.

Por eso no atino. ¿Cómo seria en html5?

Por cierto, lo de la presentación no te he entendido :S

Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de badger

Color distinto en letras de un titulo

Publicado por badger (7 intervenciones) el 29/11/2016 20:40:08
Esto es HTML5 sin las nuevas etiquetas redundantes que no aportan nada sobre HTML4 como aside o section.

Mezclar presentación con contenido es cosa del siglo pasado, estamos en 2016; si te obligan a hacer la web así, quien te enseña no tiene ni idea y no debería estar enseñando.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 4
Ha aumentado su posición en 24 puestos en HTML (en relación al último mes)
Gráfica de HTML

Color distinto en letras de un titulo

Publicado por Alejandro (2 intervenciones) el 30/11/2016 00:41:11
Hola, que te parece si intentas el siguiente código:

1
2
3
<div style="display: inline-block;text-align: center">
	<h1 style="font-size: 200; color: green">A <span style="font-size: 200;color: yellow">B </span><span style="font-size: 200; color: green">C</span></h1>
</div>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar