Html

ContenidoIMAGEN DE FONDO........................................................................................................................1

UN FONDO DE UN SOLO COLOR.....................................................................................................1

COLOR DE TEXTO............................................................................................................................1

LISTAS NO ORDENADAS.................................................................................................................2

LISTAS ORDENADAS........................................................................................................................2

SALTO DE LINEA.............................................................................................................................3

IMAGEN DE FONDO<BODY>

El elemento <BODY> se coloca inmediatamente después del cierre de la marca </HEAD> y, en cualquier caso, dentro de los elementos <HTML></HTML>; tiene una marca de apertura y una de cierre y delimitado por ellas figura el cuerpo del documento.

Si el elemento <HEAD> contenía meta información (es decir, datos no visualizados materialmente por el navegador) la función de la marca <BODY> es la de mostrar los objetos (texto, imágenes, sonidos, apliques, etc.) de la página.

La sintaxis correcta del elemento <BODY> es la siguiente:

<BODY>

Contenido del documento

</BODY>

UN FONDO DE UN SOLO COLOR<BODY BGCOLOR="red">

Es posible sustituir el nombre en inglés con valores hexadecimales. Por ejemplo, el color rojo (red) se sustituye de esta manera:

<BODY BGCOLOR="#ff0000">

COLOR DE TEXTOCon los Códigos de colores HTML puede establecer el color de fondo del sitio web, el color del texto, de las celdas en las tablas y mucho más.

Usar los códigos de colores HTML para el color de fondo del sitio web:

<body style="background:#80BFFF">

Usar los códigos de colores HTML para configurar el color de la fuente/texto:

<span style="color:#80BFFF">

Usar los códigos de colores HTML para el color de fondo de las tablas:

<table style="background:#80BFFF">

Usar los códigos de colores HTML para los colores de los enlaces:

<a style="color:#80BFFF">

LISTAS NO ORDENADASEl siguiente código HTML muestra un ejemplo sencillo de lista no ordenada:

<Html>

<Head><title>Ejemplo de etiqueta UL</title></head>

<Body>

<h1>Menú</h1>

<Ul>

<Li>Inicio</li>

<Li>Noticias</li>

<Li>Artículos</li>

<Li>Contacto</li>

</Ul>

</Body>

</HTML>

LISTAS ORDENADASLas listas ordenadas constan de una sola marca de apertura y cierre <OL></OL> y tantas marcas de lista como voces hay en el menú <LI>. La sintaxis correcta para elaborar listas ordenadas es:

<OL>

<LI> Primera voz del menú </LI>

<LI> Segunda voz del menú </LI>

<LI> Tercera voz del menú </LI>

</OL>

En el ejemplo notamos cómo es posible omitir la marca <BR> para el salto de línea, dado que está automáticamente incluido en <LI>. Si no se establece diversamente (como veremos a continuación), el tipo de lista ordenada que el navegador visualiza está numerada (es decir, la lista consta de una serie de números que parte del 1 y va aumentando progresivamente). Las últimas versiones de HTML prevén la posibilidad de listas ordenadas que contengan un sistema de ordenación diverso del numérico antes citado:

Ordenación con letras mayúsculas:

<OL TYPE=A>

<LI> Primera voz del menú

<LI> Segunda voz del menú

<LI> Tercera voz del menú

</OL>

Ordenación con letras minúsculas:

<OL TYPE=a>




</OL>

Ordenación con números romanos en mayúscula:

<OL TYPE=I>




</OL>

Ordenación con números romanos en minúscula (romanitos):

<OL TYPE=i>




</OL>

SALTO DE LINEA<HTML>

<HEAD>

<TITLE>Ejemplo 9</TITLE>

</HEAD>

<BODY>

<H1>Saltos y líneas</H1>

<HR>

<HR width="80%">

<HR width="60%">

<HR width="40%">

<HR width="20%">

----

<Br><br><br>

----

</BODY>

</HTML>

Html

Education

Transcript of Html