|
ALINEACION DE TEXTO
<CENTER></CENTER>
Esta directiva permite centrar el texto, imagenes y tablas contenidas entre su etiqueta de apertura y su etiqueta de cierre. Veamos un ejemplo:
Este parrafo no tiene etiqueta center
Este otro si la tiene
<DIV ALIGN="AAAAAAA">aqui va el texto</DIV>
Donde "AAAAAAA" puede ser cualquiera de los siguientes atributos: Con lo que la etiqueta quedaría de alguna de las siguientes formas:NOTA,(esta directiva esta dedicada a la alineación, en HTML 3.2)
<DIV ALIGN="LEFT"> se alinearía a la izquierda.</DIV>
<DIV ALIGN="CENTER"> se alinearía al centro. </DIV>
<DIV ALIGN="RIGHT">Se alinearía a la derecha.</div>
Para terminar de ver las etiquetas de alineación veremos por ultimo una conocida nuestra la etiqueta de un parrafo.
<P ALIGN="AAAAAAA">aqui va el texto</P>
Donde "AAAAAAA" puede ser cualquiera de los siguientes atributos:
Con lo que la etiqueta quedaría de alguna de las siguientes formas:
<P ALIGN="CENTER">se alinearía al centro.<P>
<P="RIGHT">Se alinearía a la derecha.</P>
Como se puede observar se ha eliminado el atributo que alinearía el texto a la izquierda porque es lo que esta etiqueta hace por defecto.
PARRAFOS Y SALTOS DE LINEA
En HTML, el salto de linea simple se logra con la etiqueta <BR> esta etiqueta es vacia y por lo tanto no tiene cierre.
La otra etiqueta que provoca un salto de linea, mayor que la anterior es <P> etiqueta ya conocida por lo dicho en el parrafo anterior.
ESTILOS DE TEXTO
----Estilos físicos. tratamientos de texttos QUE ya hemos mencionado algunoS de ellos anteriormente y son los siguientes:
<b>Negrita</b>
<i>Itálica</i>
<u>Subrayado</u>
<tt>Texto de maquina</tt>
<strike>Texto tachado</strike>
El efecto de tododos ellos se acumula. Por ejemplo si dentro de un bloque en negita, se incluye uno en cursiva, el texto aparecerá con los dos estilos, es decir estará en cursiva y negrita.
Existen Estilos lógicos, aquí estan los mas usuales.
<strong>similar a negrita</strong>
<em>Texto Enfatizado,similar a Italica</em>
<kbd>Texto Teclado,similar a TT</kbd>
El tamaño base es el 3 en una escala, que va de menor a mayor tamaño que es 7. Como podeis observar el criterio es el inverso de las etiquetas <hn>. donde el <h1>. era la de mayor tamaño. Veamos los atributos que tiene la etiqueta <FONT>. Su forma general será la siguiente:
<FONT SIZE="n" COLOR="#RRVVAA" FACE="nombre1,nombre2,nombren">
y su etiqueta de cierre es </FONT>
Veamos ahora que significan cada uno de los atributos expuestos arriba. No es necesario especificar nada mas que el que se quiera cambiar.
<FONT SIZE="n">.donde n es igual al tamaño (1 a 7).
Con este atributo se modifica el tamaño de la letra. Se puede especificar en numeros absolutos o en relativos, veamos dos ejemplos:
<FONT SIZE="5">Cambia el tamaño al tamaño 5
<FONT SIZE="+1"> Cambia el tamaño al inmediatamente superior a la unidad de base..
Veamos el siguiente atributo:
<FONT COLOR="#RRVVAA">
<FONT COLOR="#0066ff"> =......... Este Ejemplo cambia el color de la letra AZUL.
Para cambiar la familia de fuentes utilizamos el atributo , veamos como se hace:
<FONT FACE="aqui puede poner el nombre que quiera.">"como Comic Sans MS o Arial"
SEPARADORES
Aunque en un cápitulo anterior ya vimos el separador <HR>, aquí daremos su formato completo:
<HR SIZE="n" WIDTH="nn" ALIGN="aaaaa" NOSHADE>
Veamos lo que significa cada atributo y su cometido:
<SIZE="n">
Con este atributo, donde n es un número en pixels , modificamos el grosor de la barra horizontal. Veamos un ejemplo:
<HR SIZE="4" ALIGN="CENTER">
Que nos dá lo siguiente:
<WIDTH="nn">
Se emplea para indicar la anchura que debe tener en la ventana del navegador, se puede indicar en pixeles o en tanto por ciento.
<HR WIDTH="50%" ALIGN="CENTER">
<ALIGN="aaaaaa">
Con este atributo indicamos su alineación, aaaaaa puede ser "left", alineará a la izquierda, "rigth" alineará a la derecha y "center", estará centrada.
<HR WIDTH="50%" ALIGN="LEFT">(EJEMPLO)
<HR WIDTH="50%" ALIGN="CENTER">(EJEMPLO)
<HR WIDTH="50%" ALIGN="RIGHT">(EJEMPLO)
RESULTADOS
NOSHADE Elimina el efecto de sombra y tridimensional que tiene la barra.
<HR SIZE="6" WIDTH="100%" ALIGN="CENTER" NOSHADE>(EJEMPLO)
<HR SIZE="5" WIDTH="80%" ALIGN="CENTER" NOSHADE>(EJEMPLO)
<HR SIZE="4" WIDTH="60%" ALIGN="CENTER" NOSHADE>(EJEMPLO)
<HR SIZE="3" WIDTH="40%" ALIGN="CENTER">(EJEMPLO)
<HR SIZE="2" WIDTH="20%" ALIGN="CENTER">(EJEMPLO)
RESULTADOS
Siguiente Pagina
|
