MAQUETACIÓN BÁSICA.
En esta parte se expondrá algunas etiquetas dedicadas a la maquetación del texto y los gráficos
de las páginas. Se separan en 3 subconjuntos:
♦ Maquetación de párrafos
Se verán algunas etiquetas encargadas de dar a un párrafo completo un aspecto especial:
<P> Nuevo párrafo. Al poner esta etiqueta se inserta una línea en blanco para delimitar el texto
anterior del posterior que corresponderían a párrafos distintos. Como es lógico no hace falta cerrarlo.
<PRE></PRE> Texto preformateado. Presenta un texto con un tipo de letra de paso fijo, lo que
quiere decir, que todas las letras miden lo mismo de ancho y de alto. Se suele usar bastante para
representar código fuente de programas. Además, al cerrar la etiqueta insertará un salto de línea.
<DIV ALIGN=x></DIV> Justificar texto. Permite alinear el texto a la izquierda (ALIGN=LEFT),
a la derecha (ALIGN=RIGHT), al centro (ALIGN=CENTER) o justificarlo a ambos lados
(ALIGN=JUSTIFY).
<ADDRESS></ADDRESS> Dirección tradicional. Se usa para poner direcciones de personas. En
realidad lo que hace es poner la letra en cursiva.
<BLOCKQUOTE></BLOCKQUOTE> Citas. Es para cuando se cita un texto de otra persona. En
realidad lo único que hace es meter dos márgenes a ambos lados del texto, por lo que éste queda en el
medio y diferente del resto.
<HTML>
<HEAD>
<TITLE> Mi tercera pagina web </TITLE>
</HEAD>
<BODY>
Ejemplo numero 3:<P>Se comprobará el funcionamiento de las
etiquetas aprendidas hasta ahora.<BR><BR>
<PRE>Este es un texto preformateado. Como se puede ver,
todas las letras tienen igual tamaño.</PRE>
<DIV ALIGN="left">Texto a la izquierda</DIV><BR>
<DIV ALIGN="center">Texto centrado</DIV><BR>
<DIV ALIGN="right">Texto a la derecha</DIV><BR>
<DIV ALIGN="justify">Texto justificado: Para poder ver este
tipo de alineacion del texto se debe poner varias lineas y
se verá como las justifica a los dos margenes del
texto.</DIV><BR><BR>
<ADDRESS>Ciudad Taringera.<BR>
wiroos<BR>
Despacho Iexm<BR>
</ADDRESS>
</BODY>
</HTML>
Visto en el navegador:
Maquetación de caracteres
Como es lógico también se puede cambiar el tamaño del texto, poner letras en cursiva, negrita,
subíndices, etc. A continuación se verá como.
<H1></H1> Es un tamaño de letra muy grande para títulos, o cabeceras de documentos, etc. Pero
se tienen otras para tamaños diferentes. Todas estas etiquetas son, de mayor tamaño a menor,
<H1></H1>, <H2></H2>, <H3></H3>, <H4></H4>, <H5></H5>, <H6></H6>.
<B></B> Negrita. Pone el texto en letra negrita.
<I></I> Cursiva.
<U></U> Subrayada.
<S></S> Tachada. Es un texto tachado.
<TT></TT> Letra de paso fijo. Como se vio en apartados anteriores, las letras de paso fijo son
aquellas que tienen todas el mismo tamaño y se suelen usar para escribir código fuente.
<SUP></SUP> Superíndice. Como por ejemplo: x = y2
<SUB></SUB> Subíndice. Como por ejemplo: xi,j = 5
<BIG></BIG> Aumenta tamaño de letra.
<SMALL></SMALL> Disminuye el tamaño de letra.
<BLINK></BLINK> Texto parpadeante. Sólo en Netscape. No es una etiqueta estándar.
Código ejemplo 5:
<HTML>
<HEAD>
<TITLE>Mi quinta pagina web </TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>Texto con H1</H1>
<H2>Texto con H2</H2>
<H3>Texto con H3</H3>
<H4>Texto con H4</H4>
<H5>Texto con H5</H5>
<H6>Texto con H6</H6>
Texto en: <B>negrita</B>,
<I>cursiva</I>,
<U>subrayado</U>,
<S>tachado</S>,
<TT>prefijado</TT>,
<SUP>superindice</SUP> y
<SUB>subindice</SUB>
</CENTER>
</BODY>
</HTML>
Visto en el navegador:
En esta parte se expondrá algunas etiquetas dedicadas a la maquetación del texto y los gráficos
de las páginas. Se separan en 3 subconjuntos:
♦ Maquetación de párrafos
Se verán algunas etiquetas encargadas de dar a un párrafo completo un aspecto especial:
<P> Nuevo párrafo. Al poner esta etiqueta se inserta una línea en blanco para delimitar el texto
anterior del posterior que corresponderían a párrafos distintos. Como es lógico no hace falta cerrarlo.
<PRE></PRE> Texto preformateado. Presenta un texto con un tipo de letra de paso fijo, lo que
quiere decir, que todas las letras miden lo mismo de ancho y de alto. Se suele usar bastante para
representar código fuente de programas. Además, al cerrar la etiqueta insertará un salto de línea.
<DIV ALIGN=x></DIV> Justificar texto. Permite alinear el texto a la izquierda (ALIGN=LEFT),
a la derecha (ALIGN=RIGHT), al centro (ALIGN=CENTER) o justificarlo a ambos lados
(ALIGN=JUSTIFY).
<ADDRESS></ADDRESS> Dirección tradicional. Se usa para poner direcciones de personas. En
realidad lo que hace es poner la letra en cursiva.
<BLOCKQUOTE></BLOCKQUOTE> Citas. Es para cuando se cita un texto de otra persona. En
realidad lo único que hace es meter dos márgenes a ambos lados del texto, por lo que éste queda en el
medio y diferente del resto.
<HTML>
<HEAD>
<TITLE> Mi tercera pagina web </TITLE>
</HEAD>
<BODY>
Ejemplo numero 3:<P>Se comprobará el funcionamiento de las
etiquetas aprendidas hasta ahora.<BR><BR>
<PRE>Este es un texto preformateado. Como se puede ver,
todas las letras tienen igual tamaño.</PRE>
<DIV ALIGN="left">Texto a la izquierda</DIV><BR>
<DIV ALIGN="center">Texto centrado</DIV><BR>
<DIV ALIGN="right">Texto a la derecha</DIV><BR>
<DIV ALIGN="justify">Texto justificado: Para poder ver este
tipo de alineacion del texto se debe poner varias lineas y
se verá como las justifica a los dos margenes del
texto.</DIV><BR><BR>
<ADDRESS>Ciudad Taringera.<BR>
wiroos<BR>
Despacho Iexm<BR>
</ADDRESS>
</BODY>
</HTML>
Visto en el navegador:
Maquetación de caracteres
Como es lógico también se puede cambiar el tamaño del texto, poner letras en cursiva, negrita,
subíndices, etc. A continuación se verá como.
<H1></H1> Es un tamaño de letra muy grande para títulos, o cabeceras de documentos, etc. Pero
se tienen otras para tamaños diferentes. Todas estas etiquetas son, de mayor tamaño a menor,
<H1></H1>, <H2></H2>, <H3></H3>, <H4></H4>, <H5></H5>, <H6></H6>.
<B></B> Negrita. Pone el texto en letra negrita.
<I></I> Cursiva.
<U></U> Subrayada.
<S></S> Tachada. Es un texto tachado.
<TT></TT> Letra de paso fijo. Como se vio en apartados anteriores, las letras de paso fijo son
aquellas que tienen todas el mismo tamaño y se suelen usar para escribir código fuente.
<SUP></SUP> Superíndice. Como por ejemplo: x = y2
<SUB></SUB> Subíndice. Como por ejemplo: xi,j = 5
<BIG></BIG> Aumenta tamaño de letra.
<SMALL></SMALL> Disminuye el tamaño de letra.
<BLINK></BLINK> Texto parpadeante. Sólo en Netscape. No es una etiqueta estándar.
Código ejemplo 5:
<HTML>
<HEAD>
<TITLE>Mi quinta pagina web </TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>Texto con H1</H1>
<H2>Texto con H2</H2>
<H3>Texto con H3</H3>
<H4>Texto con H4</H4>
<H5>Texto con H5</H5>
<H6>Texto con H6</H6>
Texto en: <B>negrita</B>,
<I>cursiva</I>,
<U>subrayado</U>,
<S>tachado</S>,
<TT>prefijado</TT>,
<SUP>superindice</SUP> y
<SUB>subindice</SUB>
</CENTER>
</BODY>
</HTML>
Visto en el navegador: