Para modificar la alineación del texto con el formato determinado por estos encabezados, se puede utilizar el parámetro Align = left (para alinear el texto a la izquierda), Align = right (para alinear el texto a la derecha), y Align = center (para centrar el texto).
1.- Captura el siguiente código en el bloc de notas:
<HTML> <HEAD> <TITLE> Alineación</TITLE> </HEAD> <BODY> <H3 align = left> Alineación a la izquierda</H3> <H3 align = right> Alineación a la derecha</H3> <H3 align = center>Alineación al centro</H3> </BODY> </HTML>
2.- Guarda el código con el nombre de alineacion.html en la carpeta que tiene tu número de máquina y tu grupo. 3.- Haz doble clic sobre tu archivo para ejecutar la página.
Práctica 11
Listas no numeradas. También llamadas listas con viñetas, se establecen mediante la etiqueta <UL>…</UL>. Cada uno de los elementos que conformarán la lista se coloca dentro de una etiqueta <LI>…</LI>. A la etiqueta <LI>…</LI> se le puede agregar el parámetro TYPE=disk/ circle / square para definir el tipo de símbolo con que aparecerá a los elementos de la lista (punto, círculo y cuadrado, respectivamente).
1.- Captura el siguiente código en el bloc de notas:
<HTML> <HEAD> <TITLE>Ejemplo de lista </TITLE> </HEAD> <BODY> <FONT SIZE=+1><B> EJEMPLO DE LISTA</B></FONT> <UL> <LI>Primer elemento</LI> <LI>Segundo elemento</LI> <LI TYPE=square>Elemento con cuadrito</LI> <LI>Sigue habiendo cuadrito (supongo)</LI> <LI>Otro elemento</LI> <LI TYPE=circle>elemento con círculo vacía</LI> <LI>Último elemento</LI> </UL> </BODY> </HTML>
2.- Guarda el código con el nombre de lista.html en la carpeta que tiene tu número de máquina y tu grupo. 3.- Haz doble clic sobre tu archivo para ejecutar la página.
El resultado de este código se verá así:
Práctica 12
Listas numeradas. También llamadas ordenadas, se establecen mediante la etiqueta <OL>…<OL>. Cada uno de los elementos que conformarán la lista se coloca dentro de una etiqueta <LI>…</LI>. El resultado final es que se coloca una sangría al lado izquierdo del elemento y se le antecede con números en orden progresivo. Los parámetros que se pueden incorporar a esta etiqueta son:
START=número – Define con qué número comenzará la lista.
TYPE= A/ a/ i/ 1 – Determina la numeración que se utilizará: letras mayúsculas, letras minúsculas, números romanos, números arábigos.
CONTINUE – Permite continuar la numeración a partir del número del último elemento de la lista ordenada anterior (si la hay)
Además, es posible utilizar la etiqueta <LI>…</LI> para poner un título a la lista.
1.- Captura el siguiente código en el bloc de notas: <HTML> <OL TYPE=I START=1> <LH>Sistemas operativos</LH> <LI>UNIX <LI>Linux <LI>Windows <UL> <LI>Windows 98 <LI>Windows 2000 </UL> <LI>Solaris </OL> </HTML>
2.- Guarda el código con el nombre de listaNumerada.html en la carpeta que tiene tu número de máquina y tu grupo. 3.- Haz doble clic sobre tu archivo para ejecutar la página.
Para modificar la alineación del texto con el formato determinado por estos encabezados, se puede utilizar el parámetro Align = left (para alinear el texto a la izquierda), Align = right (para alinear el texto a la derecha), y Align = center (para centrar el texto).
1.- Captura el siguiente código en el bloc de notas:
<HTML>
<HEAD>
<TITLE> Alineación</TITLE>
</HEAD>
<BODY>
<H3 align = left> Alineación a la izquierda</H3>
<H3 align = right> Alineación a la derecha</H3>
<H3 align = center>Alineación al centro</H3>
</BODY>
</HTML>
2.- Guarda el código con el nombre de alineacion.html en la carpeta que tiene tu número de máquina y tu grupo.
3.- Haz doble clic sobre tu archivo para ejecutar la página.
Práctica 11
Listas no numeradas. También llamadas listas con viñetas, se establecen mediante la etiqueta <UL>…</UL>. Cada uno de los elementos que conformarán la lista se coloca dentro de una etiqueta <LI>…</LI>.
A la etiqueta <LI>…</LI> se le puede agregar el parámetro TYPE=disk/ circle / square para definir el tipo de símbolo con que aparecerá a los elementos de la lista (punto, círculo y cuadrado, respectivamente).
1.- Captura el siguiente código en el bloc de notas:
<HTML>
<HEAD>
<TITLE>Ejemplo de lista
</TITLE>
</HEAD>
<BODY>
<FONT SIZE=+1><B> EJEMPLO DE LISTA</B></FONT>
<UL>
<LI>Primer elemento</LI>
<LI>Segundo elemento</LI>
<LI TYPE=square>Elemento con cuadrito</LI>
<LI>Sigue habiendo cuadrito (supongo)</LI>
<LI>Otro elemento</LI>
<LI TYPE=circle>elemento con círculo vacía</LI>
<LI>Último elemento</LI>
</UL>
</BODY>
</HTML>
2.- Guarda el código con el nombre de lista.html en la carpeta que tiene tu número de máquina y tu grupo.
3.- Haz doble clic sobre tu archivo para ejecutar la página.
El resultado de este código se verá así:
Práctica 12
Listas numeradas. También llamadas ordenadas, se establecen mediante la etiqueta <OL>…<OL>. Cada uno de los elementos que conformarán la lista se coloca dentro de una etiqueta <LI>…</LI>. El resultado final es que se coloca una sangría al lado izquierdo del elemento y se le antecede con números en orden progresivo. Los parámetros que se pueden incorporar a esta etiqueta son:
START=número – Define con qué número comenzará la lista.
TYPE= A/ a/ i/ 1 – Determina la numeración que se utilizará: letras mayúsculas, letras minúsculas, números romanos, números arábigos.
CONTINUE – Permite continuar la numeración a partir del número del último elemento de la lista ordenada anterior (si la hay)
Además, es posible utilizar la etiqueta <LI>…</LI> para poner un título a la lista.
1.- Captura el siguiente código en el bloc de notas:
<HTML>
<OL TYPE=I START=1>
<LH>Sistemas operativos</LH>
<LI>UNIX
<LI>Linux
<LI>Windows
<UL>
<LI>Windows 98
<LI>Windows 2000
</UL>
<LI>Solaris
</OL>
</HTML>
2.- Guarda el código con el nombre de listaNumerada.html en la carpeta que tiene tu número de máquina y tu grupo.
3.- Haz doble clic sobre tu archivo para ejecutar la página.
El resultado de este código se verá así: