HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para...
Transcript of HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para...
![Page 1: HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: •Listas no ordenadas (se trata de una colección simple de](https://reader036.fdocuments.es/reader036/viewer/2022070110/6047806d20dbf67eee06313c/html5/thumbnails/1.jpg)
Semana 05
HTML
![Page 2: HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: •Listas no ordenadas (se trata de una colección simple de](https://reader036.fdocuments.es/reader036/viewer/2022070110/6047806d20dbf67eee06313c/html5/thumbnails/2.jpg)
Listas Objetivo: Insertar listas ordenadas, no ordenadas y
de definición
![Page 3: HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: •Listas no ordenadas (se trata de una colección simple de](https://reader036.fdocuments.es/reader036/viewer/2022070110/6047806d20dbf67eee06313c/html5/thumbnails/3.jpg)
Listas El lenguaje HTML define tres tipos diferentes de listas para
agrupar los elementos:
• Listas no ordenadas (se trata de una colección simple de
elementos en la que no importa su orden).
• Listas ordenadas (similar a la anterior, pero los elementos
están numerados y por tanto, importa su orden).
• Listas de definición (un conjunto de términos y
definiciones similar a un diccionario).
![Page 4: HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: •Listas no ordenadas (se trata de una colección simple de](https://reader036.fdocuments.es/reader036/viewer/2022070110/6047806d20dbf67eee06313c/html5/thumbnails/4.jpg)
Listas no ordenadas Son las más sencillas y las que más se utilizan. Una lista no
ordenada es un conjunto de elementos relacionados entre sí
pero para los que no se indica un orden o secuencia
determinados.
• La etiqueta <ul> encierra todos los elementos de la lista.
• La etiqueta <li> encierra cada uno de sus elementos.
![Page 5: HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: •Listas no ordenadas (se trata de una colección simple de](https://reader036.fdocuments.es/reader036/viewer/2022070110/6047806d20dbf67eee06313c/html5/thumbnails/5.jpg)
![Page 6: HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: •Listas no ordenadas (se trata de una colección simple de](https://reader036.fdocuments.es/reader036/viewer/2022070110/6047806d20dbf67eee06313c/html5/thumbnails/6.jpg)
Listas ordenadas Las listas ordenadas son casi idénticas a las listas no
ordenadas, salvo que en este caso los elementos
relacionados se muestran siguiendo un orden determinado.
• La lista ordenada, se define mediante la etiqueta <ol>.
• Los elementos de la lista se definen mediante la etiqueta
<li>, la misma que se utiliza en las listas no ordenadas.
![Page 7: HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: •Listas no ordenadas (se trata de una colección simple de](https://reader036.fdocuments.es/reader036/viewer/2022070110/6047806d20dbf67eee06313c/html5/thumbnails/7.jpg)
![Page 8: HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: •Listas no ordenadas (se trata de una colección simple de](https://reader036.fdocuments.es/reader036/viewer/2022070110/6047806d20dbf67eee06313c/html5/thumbnails/8.jpg)
Listas de definición Su funcionamiento es similar al de un diccionario, ya que
cada elemento de la lista está formado por términos y
definiciones.
• La etiqueta <dl> crea la lista de definición.
• Las etiquetas <dt> y <dd> definen respectivamente el
término y la descripción de cada elemento de la lista.
![Page 9: HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: •Listas no ordenadas (se trata de una colección simple de](https://reader036.fdocuments.es/reader036/viewer/2022070110/6047806d20dbf67eee06313c/html5/thumbnails/9.jpg)
![Page 10: HTML - WordPress.com€¦ · Listas El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: •Listas no ordenadas (se trata de una colección simple de](https://reader036.fdocuments.es/reader036/viewer/2022070110/6047806d20dbf67eee06313c/html5/thumbnails/10.jpg)