Dentro del diseño de listas, tenemos 3 tipos que veremos a continuación.
- Listas desordenadas.
- Listas ordenadas.
- Lista de definiciones.
A- LISTAS DESORDENADAS (UNORDERED LISTS):
VIÑETAS
ETIQUETA: <UL>...</UL>
ESTRUCTURA:
<UL>
<LI>item
<LI>item
<LI>item
</UL>
EJEMPLO5:Copia el siguiente código en el blog de notas y comprueba el resultado en el buscador.
- <HTML>
- <HEAD>
- <TITLE>SAFETY TIPS </TITLE>
- </HEAD>
<BODY>
<H2 ALIGN="CENTER">SAFETY TIPS FOR CANOEISTS</H2>
<UL>
<LI>Be able to swim
<LI>Wear a life jacket at all times
<LI>Don't stand up or move around
<LI>Don't overexert yourself
<LI>Use a bow light at night
</UL>
</BODY>
<H2 ALIGN="CENTER">SAFETY TIPS FOR CANOEISTS</H2>
<UL>
<LI>Be able to swim
<LI>Wear a life jacket at all times
<LI>Don't stand up or move around
<LI>Don't overexert yourself
<LI>Use a bow light at night
</UL>
</BODY>
</HTML>
EJEMPLO6: Copia el siguiente código en el blog de notas y comprueba el resultado en el buscador.
- <HTML>
- <HEAD>
- <TITLE>SAFETY TIPS</TITLE>
- </HEAD>
<BODY>
<H2 ALIGN="CENTER">SAFETY TIPS FOR CANOEISTS</H2>
<UL>
<LI>Be able to swim
<LI>Wear a life jacket at all times
<LI>Don't stand up or move around. If canoe tips,
<H2 ALIGN="CENTER">SAFETY TIPS FOR CANOEISTS</H2>
<UL>
<LI>Be able to swim
<LI>Wear a life jacket at all times
<LI>Don't stand up or move around. If canoe tips,
- <UL>
- <LI>Hang on to the canoe
- <LI>Use the canoe for support and
- <LI>Swim to shore
- </UL>
<LI>Don't overexert yourself
<LI>Use a bow light at night
</UL>
</BODY>
<LI>Use a bow light at night
</UL>
</BODY>
</HTML>
NÚMEROS
ETIQUETA: <OL>....</OL>
ESTRUCTURA:
<OL>
<LI>item
<LI>item
<LI>item
</OL>
<LI>item
<LI>item
<LI>item
</OL>
EJEMPLO7: Copia el siguiente código en el blog de notas y comprueba el resultado en el buscador.
- <HTML>
- <HEAD>
- <TITLE>SAFETY TIPS</TITLE>
- </HEAD>
<BODY>
<H2 ALIGN="CENTER">SAFETY TIPS FOR CANOEISTS</H2>
<OL>
<LI>Be able to swim
<LI>Wear a life jacket at all times
<LI>Don't stand up or move around
<LI>Don't overexert yourself
<LI>Use a bow light at night
</OL>
</BODY>
<H2 ALIGN="CENTER">SAFETY TIPS FOR CANOEISTS</H2>
<OL>
<LI>Be able to swim
<LI>Wear a life jacket at all times
<LI>Don't stand up or move around
<LI>Don't overexert yourself
<LI>Use a bow light at night
</OL>
</BODY>
</HTML>
EJEMPLO8: Copia el siguiente código en el blog de notas y comprueba el resultado en el buscador.
<HTML>
- <HEAD>
- <TITLE>SAFETY TIPS</TITLE>
- </HEAD>
<BODY>
<H2 ALIGN="CENTER">SAFETY TIPS FOR CANOEISTS</H2>
<OL>
<LI>Be able to swim
<LI>Wear a life jacket at all times
<LI>Don't stand up or move around. If canoe tips,
- <UL>
- <LI>Hang on to the canoe
- <LI>Use the canoe for support and
- <LI>Swim to shore
- </UL>
<LI>Don't overexert yourself
<LI>Use a bow light at night
</OL>
</BODY>
</HTML>
C- LISTAS DE DEFINICIONES (DEFINITION LISTS):
ETIQUETA: <DL>...</DL>
ESTRUCTURA:
<DL>
<DD>item
<DD>item
<DD>item
</DL>
<DD>item
<DD>item
<DD>item
</DL>
EJEMPLO9: Copia el siguiente código en el blog de notas y comprueba el resultado en el buscador.
<HTML>
- <HEAD>
- <TITLE>TRIP PLANNING</TITLE>
- </HEAD>
<BODY>
<H2 ALIGN="CENTER">SUMMER CAMPING TRIP PLANNING</H2><HR>
<DL>
<DT>Winter
<DD>Write for maps and travel brochures
<DD>Read camping books
<DD>Prepare budget and equipment list
<DT>Spring
<DD>Visit camping shows
<DD>Buy essential items
<DD>Make reservations
<DT>Week Before Trip
<DD>Have vehicle serviced
<DD>Vaccinate pets
<DD>Buy traveler's cheques
<DD>Cancel newspaper and other deliveries
<DT>Day before trip
<DD>Load vehicle
</DL>
</BODY>
<H2 ALIGN="CENTER">SUMMER CAMPING TRIP PLANNING</H2><HR>
<DL>
<DT>Winter
<DD>Write for maps and travel brochures
<DD>Read camping books
<DD>Prepare budget and equipment list
<DT>Spring
<DD>Visit camping shows
<DD>Buy essential items
<DD>Make reservations
<DT>Week Before Trip
<DD>Have vehicle serviced
<DD>Vaccinate pets
<DD>Buy traveler's cheques
<DD>Cancel newspaper and other deliveries
<DT>Day before trip
<DD>Load vehicle
</DL>
</BODY>
</HTML>
PROBLEMA3: Diseña el código HTML para que en tu buscador aparezca la siguiente información
FINDING YOUR WAY IN THE WILDERNESS
- Seek expert advice about the area
- Get the best maps. On the map select
- landmarks
- mountains
- lakes
- Get a good compass and
- check slope of land
- check direction of flowing streams
- Get the best maps. On the map select
- If there is snow on the ground, stay close to:
- roads
- trails and
- waterways
- If you are inexperienced
- do not travel alone
- do not travel at night
- If you do get lost
- Don't panic
- Don't wander in the dark
- Give distress signals at regular intervals such as:
- three shouts
- three small fires
- three blasts of a whistle
- three rifle shots
- It may be wise to sit tight and wait for searchers
No hay comentarios:
Publicar un comentario