El documento describe diferentes elementos HTML para formato de texto como fondos de color, listas ordenadas y no ordenadas, y saltos de línea. Explica cómo establecer colores de fondo y de texto usando códigos de color hexadecimales o de estilo. Detalla la sintaxis para crear listas ordenadas y no ordenadas anidando elementos <li> dentro de <ul> y <ol> respectivamente. Finalmente, muestra cómo insertar líneas horizontales y saltos de línea vacíos en el contenido.
1. Contenido
IMAGEN DE FONDO............................................................................................................... 1
UN FONDO DE UN SOLO COLOR............................................................................................. 1
COLOR DE TEXTO................................................................................................................... 1
LISTAS NO ORDENADAS ......................................................................................................... 2
LISTAS ORDENADAS............................................................................................................... 2
SALTO DE LINEA..................................................................................................................... 4
IMAGEN DE FONDO
<BODY>
El elemento<BODY>se colocainmediatamente despuésdel cierre de lamarca</HEAD> y,en
cualquiercaso,dentrode los elementos <HTML></HTML>; tiene unamarca de aperturay una de
cierre y delimitadoporellasfigurael cuerpodel documento.
Si el elemento<HEAD>contenía metainformación (esdecir,datosnovisualizadosmaterialmente
por el navegador) lafunciónde lamarca <BODY> esla de mostrar losobjetos(texto,imágenes,
sonidos,apliques,etc.) de lapágina.
La sintaxiscorrectadel elemento<BODY>es lasiguiente:
<BODY>
Contenidodel documento
</BODY>
UN FONDO DE UN SOLO COLOR
<BODY BGCOLOR="red">
Es posible sustituirel nombre eninglésconvaloreshexadecimales.Porejemplo,el colorrojo(red)
se sustituye de estamanera:
<BODY BGCOLOR="#ff0000">
COLOR DE TEXTO
Con losCódigosde coloresHTML puede establecerel colorde fondodel sitioweb,el colordel
texto,de lasceldasenlastablas ymucho más.
2. Usar loscódigosde coloresHTML para el colorde fondodel sitioweb:
<bodystyle="background:#80BFFF">
Usar loscódigosde coloresHTML para configurarel colorde la fuente/texto:
<span style="color:#80BFFF">
Usar loscódigosde coloresHTML para el colorde fondode lastablas:
<table style="background:#80BFFF">
Usar loscódigosde coloresHTML para loscoloresde losenlaces:
<a style="color:#80BFFF">
LISTAS NO ORDENADAS
El siguientecódigoHTML muestraunejemplosencillode listanoordenada:
<Html>
<Head><title>Ejemplode etiquetaUL</title></head>
<Body>
<h1>Menú</h1>
<Ul>
<Li>Inicio</li>
<Li>Noticias</li>
<Li>Artículos</li>
<Li>Contacto</li>
</Ul>
</Body>
</HTML>
LISTAS ORDENADAS
Las listasordenadasconstande una solamarca de aperturay cierre <OL></OL> y tantas marcas de
listacomovoceshay enel menú<LI>. La sintaxiscorrectapara elaborarlistasordenadases:
<OL>
<LI> Primeravozdel menú </LI>
3. <LI> Segundavozdel menú </LI>
<LI> Terceravoz del menú </LI>
</OL>
En el ejemplonotamoscómoesposibleomitirlamarca <BR> para el saltode línea,dadoque está
automáticamente incluidoen<LI>.Si nose establece diversamente(comoveremosa
continuación),el tipode listaordenadaque el navegadorvisualizaestánumerada(es decir,lalista
consta de una serie de númerosque parte del 1y va aumentandoprogresivamente).Lasúltimas
versionesde HTML prevénlaposibilidadde listasordenadasque contenganunsistemade
ordenacióndiversodel numéricoantescitado:
Ordenaciónconletrasmayúsculas:
<OL TYPE=A>
<LI> Primeravozdel menú
<LI> Segundavozdel menú
<LI> Terceravoz del menú
</OL>
Ordenaciónconletrasminúsculas:
<OL TYPE=a>
<LI> Primeravozdel menú
<LI> Segundavozdel menú
<LI> Terceravoz del menú
</OL>
Ordenaciónconnúmerosromanosenmayúscula:
<OL TYPE=I>
<LI> Primeravozdel menú
<LI> Segundavozdel menú
<LI> Terceravoz del menú
</OL>
4. Ordenaciónconnúmerosromanosenminúscula(romanitos):
<OL TYPE=i>
<LI> Primeravozdel menú
<LI> Segundavozdel menú
<LI> Terceravoz del menú
</OL>
SALTO DE LINEA
<HTML>
<HEAD>
<TITLE>Ejemplo9</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>