2020(e)ko azaroaren 24(a), asteartea

6 | Etiqueta span (y etiqueta div) [código HTML]

<table align="center" border="1" style="background-color: #bbccee; width: 600px;"><tbody>
<tr>
<td><div style="text-align: center;">
En este post se presenta la etiqueta o marca &lt;span&gt; que aparecerá en la mayoría de las entradas de un blog. También se menciona la etiqueta o marca &lt;div&gt; cuyo uso también es muy frecuente. </div>
</td></tr>
</tbody></table>
<br />
La etiqueta <b>&lt;div&gt;</b> se emplea para definir un bloque de contenido o
sección de la página, a la vez da que se establece el bloque mediante la marca <b>&lt;div&gt;</b> se puede dar un formato al contenido del bloque.<br />
<br />
Con la etiqueta <b>&lt;span&gt;</b> sirve para dar cierto formato
concreto al contenido de un párrafo. Por ejemplo, el siguiente código
modifica el color de las letras del párrafo:<br />
<blockquote>
Color de letra normal&lt;br /&gt;<br />
&lt;span style="color: red;"&gt;Color de letra rojo&lt;/span&gt;&lt;br /&gt;<br />
&lt;span style="color: blue;"&gt;Color de letra azul&lt;/span&gt;&lt;br /&gt;</blockquote>
Esos tres párrafos se verían así:<br />
<blockquote>
Color de letra normal<br />
<span style="color: red;">Color de letra rojo</span><br />
<span style="color: blue;">Color de letra azul</span></blockquote>
Si con la marca <b>&lt;div&gt;</b> podemos hacer que todo el texto sea de color rojo, la etiqueta <b>&lt;span&gt;</b> se emplearía para aplicar estilos distintos a algunos párrafos en el interior de un bloque (por ejemplo, un párrafo de color azul). Véase el siguiente código:<br />
<blockquote>
&lt;div style="color: red;"&gt;<br />
Índice&lt;br /&gt;<br />
Página principal&lt;br /&gt;<br />
&lt;span style="color: blue;"&gt;Material multimedia&lt;/span&gt;&lt;br /&gt;<br />
&lt;/div&gt;
</blockquote>
El resultado sería:
<br />
<blockquote>
<div style="color: red;">
Índice<br />
Página principal<br />
<span style="color: blue;">Material multimedia</span><br />
Autores</div>
</blockquote>
La etiqueta <b>&lt;span&gt;</b> opera a nivel de párrafo modificando el estilo del texto, mediante la etiqueta <b>&lt;div&gt;</b> también se puede establecer el estilo del texto pero para todo un bloque (visitar <a href="https://blogbasicoparapracticarhtml.blogspot.com.es/2018/01/etiqueta-div-y-etiqueta-span.html" target="_blank">Etiqueta div (y etiqueta span)</a> para saber más sobre la etiqueta <b>&lt;div&gt;</b>).

iruzkinik ez:

Argitaratu iruzkina