Programación, informática y desarrollo de webs, toda la tecnología moderna en tus manos, uso de aplicaciones móviles, tabletas y computadoras.

lunes, 15 de marzo de 2021

Listas en HTML y css

 En html tenemos 2 tipos de listas las no ordenadas (ul) y las ordenadas (ol) cada punto que queramos añadir lo haremos con la etiqueta <li> y su cierre, también podemos insertar listas con letras ósea algunos textos .

Listas No Ordenadas <ul>

En caso que no le indiquemos la etiqueta li se generan de forma automática.

si queremos definir el tipo de símbolo EX: ya sea un punto, lo definimos con el atributo "type"

si queremos una lista definida con puntos negros (li type="disc"), puntos con el fondo blanco seria (li type="circle") o por cuadrados square (li type="square"). Otro dato a tener en cuanta seria el navegador de cada uno veamos un ejemplo.


html listas no ordenadas

El resultado visual seria

visualizacion de la lista no ordenada


Listas Ordenadas <ol>


las listas ordenas van con las etiquetas <ol> y su cierra. utilizamos las mismas etiquetas que en las no ordenadas (li). pero al ser listas ordenadas los símbolos serán números e irán automáticamente de forma ordenada, listas sin puntos.
En las listas ordenadas podemos hacer que el primer punto comience con el numero que queramos y así se mostrara siguiente el orden. Ex: comenzaremos con el numero 15 

ejemplo practico de una lista ordenada


se vería de esta manera

visualizacion de la lista ordenada




Share:

0 Comments:

Publicar un comentario


Seguidores

Translate

Labels

Tags

Categories

Suscribete al blog

Vistas de página en total

Powered By Blogger