[{"@context":"https:\/\/schema.org\/","@type":"BlogPosting","@id":"https:\/\/xn--adrimadiseo-beb.com\/html\/listas-aprenda-html-tutorial-interactivo-gratuito-de-html\/#BlogPosting","mainEntityOfPage":"https:\/\/xn--adrimadiseo-beb.com\/html\/listas-aprenda-html-tutorial-interactivo-gratuito-de-html\/","headline":"Listas – Aprenda HTML – Tutorial interactivo gratuito de HTML","name":"Listas – Aprenda HTML – Tutorial interactivo gratuito de HTML","description":"HTML proporciona una forma de crear tanto una lista ordenada (con elementos contando, 1, 2, 3 …) como una lista desordenada con vi\u00f1etas en lugar ... Leer m\u00e1s<\/a>","datePublished":"2021-06-23","dateModified":"2021-06-23","author":{"@type":"Person","@id":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/#Person","name":"adrimadise\u00f1o","url":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/","image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"adrimadise\u00f1o.com","logo":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","width":450,"height":90}},"image":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2021\/06\/learn-html.org_.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2021\/06\/learn-html.org_.png","height":200,"width":200},"url":"https:\/\/xn--adrimadiseo-beb.com\/html\/listas-aprenda-html-tutorial-interactivo-gratuito-de-html\/","about":["Html"],"wordCount":738,"articleBody":"HTML proporciona una forma de crear tanto una lista ordenada (con elementos contando, 1, 2, 3 …) como una lista desordenada con vi\u00f1etas en lugar de n\u00fameros. Las listas son una buena forma de formalizar una lista de elementos y dejar que el estilo HTML haga el trabajo por usted.Listas ordenadasA continuaci\u00f3n, se muestra un ejemplo de c\u00f3mo crear una lista ordenada:<p>Here is a list of ordered items:<\/p><ol> <li>First item<\/li> <li>Second item<\/li> <li>Third item<\/li><\/ol>Las listas ordenadas tienen un atributo de “tipo” que define la convenci\u00f3n de numeraci\u00f3n a utilizar.Para contar usando n\u00fameros, use type = “1”:<p>Here is a list of ordered items:<\/p><ol type=\"1\"> <li>First item<\/li> <li>Second item<\/li> <li>Third item<\/li><\/ol>Para contar usando letras may\u00fasculas, use type = “A”:<p>Here is a list of ordered items:<\/p><ol type=\"A\"> <li>First item<\/li> <li>Second item<\/li> <li>Third item<\/li><\/ol>Para contar usando letras min\u00fasculas, use type = “a”:<p>Here is a list of ordered items:<\/p><ol type=\"a\"> <li>First item<\/li> <li>Second item<\/li> <li>Third item<\/li><\/ol>Para contar usando n\u00fameros romanos en may\u00fasculas, use type = “I”:<p>Here is a list of ordered items:<\/p><ol type=\"I\"> <li>First item<\/li> <li>Second item<\/li> <li>Third item<\/li><\/ol>Para contar usando n\u00fameros romanos en min\u00fascula, use type = “i”:<p>Here is a list of ordered items:<\/p><ol type=\"i\"> <li>First item<\/li> <li>Second item<\/li> <li>Third item<\/li><\/ol>Listas desordenadasA continuaci\u00f3n, se muestra un ejemplo de c\u00f3mo crear una lista desordenada:Aqu\u00ed hay una lista de elementos desordenados:Primer elementoSegundo art\u00edculoTercer art\u00edculoPara cambiar los atributos de estilo de la lista, podemos usar el atributo CSS llamado list-style-type. Los tipos disponibles son:A continuaci\u00f3n, se muestra un ejemplo del tipo de estilo de lista de discos:<p>Here is a list of unordered items:<\/p> <ul style=\"list-style-type: disc\"> <li>First item<\/li> <li>Second item<\/li> <li>Third item<\/li><\/ul>A continuaci\u00f3n, se muestra un ejemplo del tipo de estilo de lista de c\u00edrculos:<p>Here is a list of unordered items:<\/p> <ul style=\"list-style-type: circle\"> <li>First item<\/li> <li>Second item<\/li> <li>Third item<\/li><\/ul>A continuaci\u00f3n, se muestra un ejemplo del tipo de estilo de lista cuadrada:<p>Here is a list of unordered items:<\/p> <ul style=\"list-style-type: square\"> <li>First item<\/li> <li>Second item<\/li> <li>Third item<\/li><\/ul>A continuaci\u00f3n, se muestra un ejemplo del tipo de estilo de lista ninguno:<p>Here is a list of unordered items:<\/p> <ul style=\"list-style-type: none\"> <li>First item<\/li> <li>Second item<\/li> <li>Third item<\/li><\/ul>EjercicioUsar <ul> y <ol> enumerando la lista (abajo) debajo del texto My favorite foods\/drinks list.(Insinuaci\u00f3n: Puede insertar una lista en una lista como <ol> dentro <li>)\u2022 Foods 1. Egg 2. Sushi\u2022 Drinks 1. Apple juice 2. Coffee 4.7 \/ 5 ( 335 votos ) "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Html","item":"https:\/\/xn--adrimadiseo-beb.com\/html\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"Listas – Aprenda HTML – Tutorial interactivo gratuito de HTML","item":"https:\/\/xn--adrimadiseo-beb.com\/html\/listas-aprenda-html-tutorial-interactivo-gratuito-de-html\/#breadcrumbitem"}]}]