En este capítulo nos vamos a concentrar en las etiquetas de saparación. Estas etiquetas son las que nos permiten ordenar de forma básica el contenido de una página.
Esre grupo de etiquetas es necesario porque aunque en el código HTML dejemos muchos espacios entre palabra y palabra o muchos reglones por medio entre oración y oración, cuando vemos el resultado en nuestro navegador web, esos espacios no son respetados, solo vemos un espacio. Por eso cuando queremos que se vean varios espacios recurrimos a las etiquetas de separación.
Estas etiquetas son cuatro:
1. El símbolo para crear un espacio se llama NON BREAKING SPACE y su forma en el código HTML es
 . Nótese que no es una etiqueta, es un símbolo. Por el alcance del curso no veremos más símbolos, pero a saber cuando vemos algo de la forma &nombre; estamos en presencia de un símbolo.
2. La etiqueta para pasar al otro reglon al terminar una oración (punto y aparte) se llama BREAK, en HTML su forma es
<BR>.
Esta etiqueta que no se cierra.
3. La etiqueta para definir párrafos se llama paragraph, en HTML se anota
<P> Texto del párrafo
</P>.
4. Y por último la etiqueta que define una línea horizontal (horizontal rule), y la notación es
<HR>.
Esta estiqueta tampoco se cierra.
Ahora veremos algunos parámetros aceptados por las etiquetas de separación.
Para el párrafo la lista de parámetros aceptados es:
|
Nombre de propiedad - Descripción
|
align - define alineación del texto del párrafo.
title - hace aparecer texto al dejar el mouse arriba.
|
|
Nombre de propiedad - Posibles valores
|
align - [ center | left | right | justify ] (elegir entre...)
title - texto.
|
Por defecto la alineación del párrafo es a la izquierda, es decir que si usamos la etiqueta
P sin usar el atributo
align el efecto es el mismo que si se usa
align="left". Un ejemplo para aclarar ideas:
<P ALIGN="center" title="algo de texto">
Este es mi párrafo...
</P>
|
En un navegador el ejemplo se vería así:
Otro ejemplo con texto justificado:
<P ALIGN="justifyr" title="algo de texto">
Un párrafo con algo más de texto, como este así podemos ver como funciona el párrafo justificado. Tendría que quedar muy lindo, bla, bla, bla. Un párrafo con algo más de texto, como este así podemos ver como funciona el párrafo justificado. Tendría que quedar muy lindo, bla, bla, bla.
</P>
|
En un navegador el segundo ejemplo se vería así:
Un párrafo con algo más de texto, como este así podemos ver como funciona el párrafo justificado. Tendría que quedar muy lindo, bla, bla, bla. Un párrafo con algo más de texto, como este así podemos ver como funciona el párrafo justificado. Tendría que quedar muy lindo, bla, bla, bla. |
Ahora veremos una lista de parámetros que son aceptados por la etiqueta
HR:
|
Nombre de propiedad - Descripción
|
align - define alineación de la línea.
noshade - hace que la línea no tenga brillo.
color - define color de la línea.
size - grosor de la línea.
width - largo de la línea.
|
|
Nombre de propiedad - Posibles valores
|
align - [ center | left | right | justify ] (elegir entre...)
noshade - no tiene, si aparece vale verdadero.
color - nombre de color o código hexadecimal.
size - número de pixels.
width - número de pixels o porcentaje (0% - 100%)
|
Algunos ejemplos:
<HR WIDTH="50%" size=1 color="red">
<HR WIDTH="50%" align="left" size=3 color="blue">
<HR WIDTH="70%" size=3 align="right">
<HR WIDTH="70%" size=3 align="right" noshade>
|
La etiqueta HTML
BR no acepta parámetros, ya que solo representa un fin de línea.
Introducción al HTML
Estructura del HTML
Colores para los objetos HTML
El cuerpo de la página
Comandos de separación
Estilo del texto 1
Estilo del texto 2 (el comando FONT)
Listas, una buena manera para esquematizar y organizar.
Imagen, sonido y video
Links (hipervínculos)
Marquesinas