TEXTO HTML

4.- TEXTO

Ya dentro del cuerpo del documento o pagina web, es decir dentro de <body> …… </body> se pueden usar los siguientes tags de uso general, para el procesamiento de texto o informacion o ligas o enlaces.

A H1….6 P UL OL CENTER FORM HR TABLE I B U STRIKE BIG SMALL SUB SUP EM STRONG A IMG FONT BR MAP

Analizemos estos tags ahora:

TEXTO NORMAL

Se puede escribir cualquier tipo de texto directamente dentro del tag BODY ejemplo;

<body>

Los conejitos blancos del himalaya son muy curiosos y muy bonitos.

Corren y saltan muy rapido y se esconden de los lobos y de los yetis.

Ademas tienen muchos hijitos conejitos.

</body>

* El problema es que todo el texto al desplegarse en el browser sale en un solo renglon, para resolver este problema se usa el siguiente TAG.

<BR>

Se usa para pedir un cambio de linea o de renglon al browser en el despliegue compilador ej;

<body>

Los conejitos blancos del himalaya son muy curiosos y muy bonitos.<br>

Corren y saltan muy rapido y se esconden de los lobos y de los yetis.<br>

Ademas ienen muchos hijitos conejitos.<br><br>

</body>

* Como se observa se pueden usar varios tag <BR> dentro del texto

* <BR> puede incluir el atributo CLEAR={LEFT,RIGHT,ALL,NONE> para cuando se tenga una imagen TAG <IMG> visto mas adelante el texto se desplegara al lado izquierdo (LEFT), derecho (RIGHT), o a ambos lados (ALL) de la imagen;

Los conejitos blancos <BR CLEAR=LEFT> <IMG>..<IMG>son muy sabrosos<BR CLEAR=RIGTH>

<H1> TEXTO O MENSAJE O TITULO DEL TEMA </H1>

* Es una de las partes mas importantes del documento, se utiliza para desplegar en formato textual OSTENTOSO el resumen del tema, pueden usar el contenido del tag <TITLE> ej:

<BODY>

<H1>El Conejo Blanco Del Himalaya</H1>

EL despliegue es :

<H2>mensaje</H2> <H3>mensaje</H3> <H4>mensaje</H4> <H5>mensaje</H5> <H6>mensaje</H6>

Son versiones mas reducidas del tag <H1> generalmente para subtitulos o temas, recordar que buscadores del web en muchas ocasiones toman muy en serio estos tags, asi que la recomendacion es que construyan sus pagina de manera muy estructurada y usen de manera apropiada y copiosa estos tags <H1…>

<P>

Se usa para separar parrafos dentro del texto, puede usar el atributo ALIGN=[LEFT,RIGHT] para alinear el parrafo hacia la izquierda o a la derecha de la pagina, ejemplo;

<P> Los conejitos blancos del himalaya son muy curiosos y muy bonitos, corren y saltan muy rapido y se esconden de los lobos y de los yetis, ademas tienen muchos hijitos conejitos</P>

Es buena practica al construir tus paginas separar con este tag <P>parrafo..</P> todos los parrafos que esten contenidos en el documento.

<CENTER> texto o mensaje </CENTER>

* Se utiliza para centrar partes del texto u otros tags dentro de la pagina web;

ejemplo

<center> el conejito blanco </center>

Despliegue:

* Recordar que tambien se puede usar para otros tags ejemplo;

<center><h3> Recetas de Conejo </h3></center>

<HR>

Se usa para desplegar una linea horizontal en la ventana del browser.

Puede contener los atributos ALIGN=[left,right,center] SIZE=n pixels WIDTH=n pixels NOSHADE

Ejemplo

<h3> Recetas de Conejo </h3>

Despliegue:

I B U STRIKE BIG SMALL SUB SUP EM STRONG

Todos estos tags se pueden usar para darle apariencia o enfasis al texto ejemplo;

<I>conejito en italicas</I><br>

<U>conejito subrayado</U><br>

<B>conejito en bold</B><br>

<STRIKE>conejito en letras resaltadas</STRIKE><br>

<BIG>conejito en letras grandes</BIG><br>

<SMALL>conejito en letras pequeñas</SMALL><br>

CONEJO<SUB>conejito en subscript</SUB><br>

CONEJO<SUP>conejito superscript</SUP><br>

<EM>conejito con letras enfatizadas</EM><br>

<STRONG>conejito fuertemente enfatizado</STRONG><br>

Despliegue

<A>liga o enlace </A>

El Tag mas IMPORTANTE del WWW , puesto que nos permite construir una liga o enlaze a alguna parte del propio documento, o algun otro documento que se encuentre en el mismo o diferente folder o directorio o mejor aun a otro sitio web y a las paginas o documentos que se encuentran en dicho sitio.

Su propiedad o atributo mas importante es HREF=URI (UNIFORM RESOURCE LOCATOR) el URI puede ser una direccion completa ejemplo http://programacionfacil.com o una direccion relativa ejemplo pagina5.html o /../folder/pagina8.html

Ejemplo:

<A HREF=“http://programacionfacil.com”><B>ProgramacionFacil</B></A><BR>

<A HREF=“conejo.jpg” TYPE=“image/jpeg><B>CONEJO<B></A>

Despliegue:

Despliegue primera opcion:

Despliegue segunda liga:

* Recordar que cada tag <A> debe terminar con su propio </A>

* Observar que se agrego la prpiedad TYPE=TIPO-CONTENIDO para el manejo de imagenes u otros elementos multimedia, existen varios tipos de contenido text/html, image/jpeg, model/vrml, video/quicktime, application/java, text/css, and text/javascript, audio/x-wav, audio/x-mpeg, audio/x-mpeg-2, video/mpeg, video/mpeg-2

* Esto es interesante porque se pueden incluir no nada mas imagenes en la liga sino tambien pueden incluir audio y video, espero que pasen un rato entretenidos mesclando audio y video en las paginas de prueba que seguramente ya estan construyendo.