4. Etiqueta de Span

`` <Span class = ""> </pris>`

L’etiqueta Span us permet assignar un estil a un element petit ** ** dins d’una etiqueta de bloc.

Per exemple, assigneu un color de paraula dins d’un paràgraf.

`` <p> frase amb <span class = "blau "> color blau </s

Exercir

Fitxer ** css-span.html **

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!doctype html>
<html>
<head>

   <title> Etiqueta span </title>

   <link rel="stylesheet" type="text/css"
         href="css-span.css" >

</head>
<body>

   <h1> Etiqueta span </h1>

   <p>
   Ejemplo de utilización de la etiqueta 
   "span" para dar colores a palabras dentro 
   de una etiqueta de párrafo "p"
   </p>

   <p>
   Los colores del arcoíris son:
   <span class="rojo">     ROJO    </span>,
   <span class="naranja">  NARANJA </span>,
   <span class="amarillo"> AMARILLO</span>,
   <span class="verde">    VERDE   </span>,
   <span class="azul">     AZUL    </span>,
   <span class="anil">     AÑIL    </span>,
   <span class="violeta">  VIOLETA </span>.
   </p>

</body>
</html>

Fitxer ** CSS-SPAN.CSS **

Código del fichero css-span.css

Resultat

Resultado de visualizar los ficheros css-span.html y css-span.css en un navegador