Cuando necesitamos presentar en un texto una serie de conceptos o ideas utilizamos listas.
Las listas pueden ser ordenadas o no serlo. Las que no son ordenadas, a cada término se le antepone una viñeta. Las ordenadas tienen un número en cada término.
Lista desordenada:
- Lunes
- Martes
- Miércoles
- Jueves
- Viernes
Lista ordenada:
- Lunes
- Martes
- Miércoles
- Jueves
- Viernes
Listas desordenadas
La etiqueta <ul> indica al navegador que cree una lista con viñetas no ordenada. La etiqueta <li> indica que ese es un item de la lista
|
1 2 3 4 5 |
<ul> <li>Esto es un punto.</li> <li>Este es otro.</li> <li>Y este es otro diferente.</li> </ul> |
Listas ordenadas
La etiqueta <ol> indica al navegador que cree una lista numerada. Al igual que con las listas desordenadas, se utiliza la etiqueta <li> para cada item de la lista
|
1 2 3 4 5 |
<ol> <li>Esto es el numero 1.</li> <li>Este sería el 2</li> <li>Y por último el 3</li> </ol> |
Dento de la etiqueta <li> se utiliza el atributo value para indicar en que número se pondrá la numeración
|
1 2 3 4 5 |
<ol> <li value="20">Este sera el numero 20. </li> <li>Este sera el 21. </li> <li>Este sera el 22. Y asi sucesivamente. </li> </ol> |
Listas de definición
Las listas de definición se diferencian de las anteriores en que cada “ítem” está compuesto por un par de elementos: un término y su definición. Se usan estas etiquetas: <dl> para marcar la lista, <dt> para un término y <dd> para su definición.
- CSS
- Definition
- Wikipedia
- Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including plain XML, SVG and XUL
El ejemplo anterior utiliza algunas clases de CSS para dar formato, pero el código fuente es el siguiente:
|
1 2 3 4 5 6 |
<dl class="vevent"> < dt class="dtstart"> <abbr title="Cascading Style Sheets" class="dtstart">CSS</abbr></dt> <dd class="summary">Definition</dd> <dd><a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" class="url">Wikipedia</a></dd> <dd class="description">Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including plain XML, SVG and XUL</dd> </dl> |
¿Te gustó este artículo?
Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.
