Introducción
Esta es la undécima parte de mi serie, XHTML conceptos básicos. En la parte anterior de la serie, hablé sobre colores de fondo y colores de primer plano. Acabo de publicar una lista de colores que la mayoría de los navegadores pueden mostrar. El título de la lista (artículo) es “XHTML Colors”. Solo busca esto en mi blog y deberías verlo.
En este artículo, observamos dos elementos importantes llamados el span y los elementos div.
El elemento span </b >
El elemento SPAN es un elemento que le permite abordar una frase. Si desea darle a una frase en un párrafo un fondo especial o un color de primer plano, usa el elemento SPAN. En su forma más simple, la sintaxis es:
contenido
El contenido es la frase. Dentro de las etiquetas, el nombre de la etiqueta debe estar en minúsculas. La etiqueta de inicio y la etiqueta final deben estar presentes. La etiqueta de inicio puede tomar muchos atributos, pero solo mencionaremos el atributo de estilo aquí. En el siguiente código, “frase dos” tiene un color de fondo de azul y un color en primer plano de rojo.
El encabezado de la página
frase uno, frase dos, frase tres </ P>
Puede probar el código anterior guardándolo como un archivo XHTML y abriendo en un navegador.
El elemento div
tiene el elemento corporal que contiene todos sus elementos visibles (encabezados, párrafos, etc.). Si desea una pequeña parte de su página web para contener un conjunto de elementos XHTML, debe usar el elemento DIV. En su forma más simple, la sintaxis es:
contenido
El contenido es todo lo que puede ir en el elemento del cuerpo. Dentro de las etiquetas, el nombre de la etiqueta debe estar en minúsculas. La etiqueta de inicio y la etiqueta final deben estar presentes. La etiqueta de inicio puede tomar muchos atributos, pero solo mencionaremos el atributo de estilo aquí.
de forma predeterminada, (todo es igual), el elemento div ocupa una tira horizontal desde el borde izquierdo de la página web hasta el borde derecho de la página web. Esto se debe a que un elemento div tiene un elemento de ruptura de línea (
) justo antes y justo después. Sin embargo, usted, el diseñador del sitio web, no puede ver los elementos de ruptura de la línea; Solo ves los efectos. Por lo tanto, dos o más elementos DIV consecutivos darían como resultado un número correspondiente de tiras horizontales consecutivas en la pantalla (navegador).
En el siguiente código, el primer elemento div tiene un color de fondo de Aqua; El segundo (siguiente) elemento div tiene un color de fondo de chocolate, y el tercero (siguiente) tiene un color de fondo de oro:
Primer Divsegund Divthird div
Debe probar el código .
Detengamos aquí y continuemos en la siguiente parte de la serie.
