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
<HR ALIGN=“center” SIZE=10px WIDTH=150px >
<h3> Recetas de Conejo </h3>
<HR ALIGN=“rigth” SIZE=24px WIDTH=150px NOSHADE>
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.
Fuente:enlace
No hay comentarios:
Publicar un comentario