Tecnología

Inicio

Cómo utilizar el elemento SPAN Con Insertar CSS

Además de saber cómo diseñar, diseñadores de páginas web deben saber cómo manipular eficazmente HTML y CSS (HyperText Markup Language y Cascading Style Sheets.) Elementos span son una especie de elemento HTML que se utiliza para dividir lógicamente "en línea" de datos, o los datos que no intenta automáticamente para ocupar el ancho de la página. Vanos se utilizan con mucha frecuencia. En lugar de hacer referencia a un palmo de un estilo externo, CSS se puede escribir directamente en el lapso. Esto se conoce como "en línea" o CSS incrustado.

Instrucciones

1 Abra un editor de texto como el Bloc de notas. Para ello, la navegación hacia "> Todos los programas-> Accesorios-> Bloc de notas Inicio-."

2 Escriba el siguiente código:

<Html>

<Body>

<Div id = "contenedor">

<Span> </ span>

</ Div>

</ Body>

</ Html>

Esto crea una envoltura, que contendrá todo el contenido de la página. También crea un elemento span, que será manipulado utilizando CSS.

3 Dentro de la etiqueta SPAN, agregue el código siguiente:

style = "display: block; ancho: 300px; altura: 300px; background-color: red;"

Esto cambiará el SPAN en un cuadrado rojo. Agregando estilos dentro de una etiqueta que se conoce como CSS en línea. Por lo general se considera una mala práctica, pero a veces es útil.

4 Guarde el archivo con la extensión ".html". Abrirlo en un navegador Web para ver el resultado.