HTML
Listas y Tablas en HTML
Listas • Las listas se usan para clasificar y ordenar elementos de texto dentro del código HTML. • <UL> es la etiqueta para realizar listas No Ordenadas. • <OL> es la etiqueta para diseñar listas Ordenadas. • <LI> es la subetiqueta de ambas listas, para generar un elemento de la lista.
Listas • <DL> es la etiqueta para realizar listas con Definiciones. • <DT> es la subetiqueta que asigna el término que vamos a definir. • <DD> es la etiqueta que contiene la definición del término colocado anteriormente. • Type es la propiedad de UL y OL para asignar un formato de viñeta o de orden (square, circle, disc, 1, A, I).
En el ejemplo se pueden apreciar los tres tipos de Listas que se pueden dise単ar con HTML.
Tablas • <TABLE> es la etiqueta que inicia el ciclo de diseño de la tabla y necesita de sus subetiquetas. • <TR> es una subetiqueta que inicia el diseño de filas de la tabla. • <TH> esta subetiqueta permite la asignación de cabeceras o títulos de columnas. • <TD> es la subetiqueta que hace referencia al texto que tendrá la celda.
Tablas • Border es una propiedad de la etiqueta Table, la cual sirve para asignar un grosor al borde de la tabla dentro de la página. • Cellpadding es la propiedad que permite asignar un margen para las celdas de la tabla. • Cellspacing esta propiedad asigna un espacio interno a las celdas de la tabla. • Caption esta propiedad se usa para asignar un título a la tabla.
En este ejemplo se puede observar el uso de la etiqueta TABLE con sus subetiquetas y propiedades respectivas.
Hoja de Trabajo # 5-4: 1. Copie todo el código HTML del ejemplo de la tabla de los países. 2. Complete la tabla con los países faltantes (Nicaragua, Costa Rica y Panamá). 3. En el mismo código, elabore una lista con los días de la semana (puede ser Ordenada o No Ordenada). 4. Guarde su página con el nombre HT5-4.HTML 5. Suba su archivo a Moodle.
HTML
Tablas y Listas en HTML