-
Cómo utilizar una etiqueta SPAN
-
etiquetas HTML le permiten mostrar y dar formato a datos de diversas maneras. Una etiqueta y sus atributos definen cómo una determinada pieza de texto o gráfico se verá, en el que se coloca, y cómo se comporta en relación con otros textos y gráficos en la página. Un "span" es un tipo particular de etiqueta que se puede utilizar para dar formato a texto y gráficos en una página Web. Se trata de una etiqueta en línea (en oposición a una etiqueta de bloque), lo que significa que se utiliza principalmente para artículos de formato en su posición actual. A continuación se presentan algunos ejemplos del uso de una etiqueta span.
Instrucciones
1 Abra el editor HTML y crear una página básica con el siguiente texto:
<Html>
<Head>
</ Head>
<Body>
<P> ¿Cómo utilizar un <span style = "color: blue"> lapso </ span> </ p>
</ Body>
</ Html>
Guardar y ver la página en el navegador web y podrás ver el color de la palabra "span" es azul.
2 Retire el texto dentro de las etiquetas <body> y escriba el texto siguiente:
<P> cómo poner un borde alrededor de <span style = "border: 3px sólido verde"> texto </ span> utilizando un lapso </ p>
Guardar y ver la página en el navegador web y verá cómo un lapso puede ser utilizado para poner un borde alrededor de un texto.
3 Retire el texto dentro de las etiquetas <body> y escriba el texto siguiente:
<P> cómo cambiar el texto en <span style = "font-style: italic"> cursiva </ span> </ p>
Guardar y ver la página en el navegador web y verá cómo un lapso puede ser usado para cambiar una palabra dentro de la oración a cursiva.
Consejos y advertencias
- etiquetas span son elementos en línea. etiquetas div y de párrafo, por ejemplo, son elementos a nivel de bloque. Esto significa que las etiquetas span comportan de manera diferente en términos del formato de la página. etiquetas div y párrafo por lo general comienzan en una nueva línea, mientras que las etiquetas span se producen dentro de la línea o bloque actual.
