Lenguaje HTML II

En esta entrada vamos a continuar conociendo el lenguaje HTML para ello utilizamos el programa Dreamwearver.
Para comenzar abrimos el programa e introducimos el siguiente código:
<HTML>
<HEAD>
<TITLE>Ejemplo 8</TITLE>
</HEAD>
<BODY>
<H3>Los meses de primavera</H3> <UL>
<LI>Abril</LI>
<LI>Mayo</LI>
<LI>Junio</LI>
</UL>
<BR>
<H3>Los meses de verano</H3> <OL>
<LI>Julio</LI>
<LI>Agosto</LI> <LI>Septiembre</LI>
</OL>
<BR>
<H3>Los meses del año</H3>
<UL>
<LI>Los meses de primavera
<OL>
<LI>Abril</LI>
<LI>Mayo</LI>
<LI>Junio</LI>
</OL>
</LI>
<LI>Los meses de verano <OL>
<LI>Julio</LI> <LI>Agosto</LI> <LI>Septiembre</LI> </OL>
</LI>
</UL>
<BR>
<H3>Refranes de los meses</H3> <DL>
<DT>Marzo</DT>
<DD>El sol de marzo da con el mazo.</DD> <DT>Abril</DT>
<DD>El abril, aguas mil.</DD>
<DT>Mayo</DT>
<DD>Hasta el 40 de mayo no te quites el sayo.</DD> </DL>
</BODY>
</HTML>


Clickamos sobre ACTUALIZAR una vez que hemos creado y corregido para visualizar el resultado.

A continuación vamos a introducir un color de fondo al diseño, introduciendo el siguiente código:
<body bgcolor="#COLOR">

De forma que el código completo quedará con el siguiente orden:
<HTML>
<HEAD>
<TITLE>Ejemplo 8</TITLE>
</HEAD>
<body bgcolor="#CC66CC">
<BODY>
<H3>Los meses de primavera</H3> <UL>
<LI>Abril</LI>
<LI>Mayo</LI>
<LI>Junio</LI>
</UL>
<BR>
<H3>Los meses de verano</H3> <OL>
<LI>Julio</LI>
<LI>Agosto</LI> <LI>Septiembre</LI>
</OL>
<BR>
<H3>Los meses del año</H3>
<UL>
<LI>Los meses de primavera
<OL>
<LI>Abril</LI>
<LI>Mayo</LI>
<LI>Junio</LI>
</OL>
</LI>
<LI>Los meses de verano <OL>
<LI>Julio</LI> <LI>Agosto</LI> <LI>Septiembre</LI> </OL>
</LI>
</UL>
<BR>
<H3>Refranes de los meses</H3> <DL>
<DT>Marzo</DT>
<DD>El sol de marzo da con el mazo.</DD> <DT>Abril</DT>
<DD>El abril, aguas mil.</DD>
<DT>Mayo</DT>
<DD>Hasta el 40 de mayo no te quites el sayo.</DD> </DL>
</BODY>
</HTML>

Al ACTUALIZAR se vera de la siguiente forma:

Comentarios

Entradas populares