LENGUAJE HTML

DIRECTIVAS

B          BOLD    NEGRITA

BR       BREAK   SIGUIENTE LINEA

I          ITALIC   CURSIVA

U        UNDERLINE   SUBRAYADO

CENTER  CENTRADO

HR         HORIZONTAL RULER   REGLA HORIZONTAL  LINEA

MARQUEE       MARQUESINA

FONT      FUENTE

 

ATRIBUTOS

COLOR, SIZE, WIDTH, ALIGN, DIRECTION

 

EJEMPLO 1:

<!--

Mostrar ARRIBA PERU centrado cursiva, luego una doble linea,

luego ADAN y EVA en lineas distintas, y finalizando con 3 lineas

-->

<CENTER><I>ARRIBA PERU</I></CENTER>

<HR><HR>ADAN<BR>EVA<HR><HR><HR>

 

EJEMPLO2:

<!-- Muestre una linea roja de grosor 10, luego PERU A CATAR

seguido por una linea verde, otra linea amarilla y una celeste todas de ancho 500. -->

<HR color="red" size="10">PERU A CATAR

<HR color="green" width="500">

<HR color="yellow" width="500">

<HR color="#00CCCC" width="500">

 

EJEMPLO 3:

<!-- Muestre una linea roja al 50% de grosor 20, FRANCIA en color verde claro, DINAMARCA  en celeste, ambos centrado pero en distintas lineas, por ultimo muestre 3 lineas al 75% alineadas a la izquierda. -->

<HR color="red" size="20" width="50%">

<CENTER><FONT  COLOR="#00FF00">FRANCIA</FONT><BR>

<FONT  COLOR="#00CCCC">DINAMARCA</FONT></CENTER>

<HR  WIDTH="75%" ALIGN="LEFT">

<HR  WIDTH="75%" ALIGN="LEFT">

<HR  WIDTH="75%" ALIGN="LEFT">

 

PROPUESTA 1:

<!-- MUESTRE los dias de la semana, centrado y en diferentes lineas, de tamaños y colores distintos -->

 

<CENTER><FONT SIZE="1" COLOR="#0000FF"><B><U>MONDAY</U></B></FONT></CENTER><BR>

<HR COLOR=#000099 WIDTH="200" ALIGN="LEFT">

<CENTER><FONT SIZE="3" COLOR="#009900"><I>TUESDAY</I></FONT></CENTER><BR>

<HR COLOR=#66CCFF WIDTH="350" ALIGN="RIGHT">

<CENTER><FONT SIZE="5" COLOR="#999900"><B><U>WEDNESDAY</U></B></FONT></CENTER><BR>

<HR COLOR=#666600 WIDTH="400" ALIGN="LEFT">

<CENTER><FONT SIZE="7" COLOR="#993300"><I>THURSDAY</I></FONT></CENTER><BR>

<HR COLOR=#6600CC WIDTH="450" ALIGN="RIGHT">

<CENTER><FONT SIZE="9" COLOR="#FF0000"><B><U>FRIDAY</U></B></FONT></CENTER><BR>

<HR COLOR=#CC0000 WIDTH="500" ALIGN="LEFT">

<CENTER><FONT SIZE="11" COLOR="#FF9999"><I>SATURDAY</I></FONT></CENTER><BR>

<HR COLOR=#FF9900 WIDTH="550" ALIGN="RIGHT">

<CENTER><FONT SIZE="30" COLOR="#CCFF00"><B>SUNDAY</B></FONT></CENTER><BR>

<HR COLOR=#CCFF00 WIDTH="600" ALIGN="LEFT">

 

 

PROPUESTA 2:

<!-- Muestre 10 lineas de diferentes colores y grosor, debe mostrarse de modo escalera alineado hacia la izquierda -->

 

<HR COLOR=#000099 SIZE=1000 WIDTH="100" ALIGN="LEFT">

<HR COLOR=#66CCFF SIZE=900 WIDTH="200" ALIGN="LEFT">

<HR COLOR=#666600 SIZE=800 WIDTH="300" ALIGN="LEFT">

<HR COLOR=#6600CC SIZE=700 WIDTH="400" ALIGN="LEFT">

<HR COLOR=#CC0000 SIZE=600 WIDTH="500" ALIGN="LEFT">

<HR COLOR=#FF9900 SIZE=500 WIDTH="600" ALIGN="LEFT">

<HR COLOR=#CCFF00 SIZE=400 WIDTH="700" ALIGN="LEFT">

<HR COLOR=#66FFFF SIZE=300 WIDTH="800" ALIGN="LEFT">

<HR COLOR=#CCFFFF SIZE=200 WIDTH="900" ALIGN="LEFT">

<HR COLOR=#CC66FF SIZE=100 WIDTH="1000" ALIGN="LEFT">