SlideShare una empresa de Scribd logo
1 de 5
TEMA: Listas Ordenadas y Listas No ordenadas
El siguiente código HTML muestra un ejemplo sencillo de lista no
ordenada:
<html>
<head><title>Ejemplo de etiqueta UL</title></head>
<body>
<h1>Menú</h1>
<ul>
<li>Inicio</li>
<li>Noticias</li>
<li>Artículos</li>
<li>Contacto</li>
</ul>
</body>
</html>
El siguiente código HTML muestra un ejemplo sencillo de lista
ordenada:
<html>
<head><title>Ejemplo de etiqueta OL</title></head>
<body>
<h1>Instrucciones</h1>
<ol>
<li>Enchufar correctamente</li>
<li>Comprobar conexiones</li>
<li>Encender el aparato</li>
</ol>
</body>
</html>
El siguiente código HTML muestra un ejemplo sencillo de lista de
definición:
<html>
<head><title>Ejemplo de etiqueta DL</title></head>
<body>
<h1>Metalenguajes</h1>
<dl>
<dt>SGML</dt>
<dd>Metalenguaje para la definición de otros lengua
jes de marcado</dd>
<dt>XML</dt>
<dd>Lenguaje basado en SGML y que se emplea para de
scribir datos</dd>
<dt>RSS</dt>
<dt>GML</dt>
<dt>XHTML</dt>
<dt>SVG</dt>
<dt>XUL</dt>
<dd>Lenguajes derivados de XML para determinadas ap
licaciones</dd>
</dl>
</body>
</html>

Más contenido relacionado

La actualidad más candente (14)

Etiquetas de lenguaje html
Etiquetas de lenguaje htmlEtiquetas de lenguaje html
Etiquetas de lenguaje html
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
 
Segunda Clase de xhtml
Segunda Clase de xhtmlSegunda Clase de xhtml
Segunda Clase de xhtml
 
Programación en html 3
Programación en html 3Programación en html 3
Programación en html 3
 
Html
HtmlHtml
Html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Informática
InformáticaInformática
Informática
 
Tablas de campo de access adriana
Tablas de campo de access adrianaTablas de campo de access adriana
Tablas de campo de access adriana
 
Base de datos
Base de datosBase de datos
Base de datos
 
CREACION DE PAGINAS WEB
CREACION DE PAGINAS WEB CREACION DE PAGINAS WEB
CREACION DE PAGINAS WEB
 
Programacion en html
Programacion en htmlProgramacion en html
Programacion en html
 
Etiquetas básicas-en-html
Etiquetas básicas-en-htmlEtiquetas básicas-en-html
Etiquetas básicas-en-html
 
Base de datos
Base de datosBase de datos
Base de datos
 
Gili
GiliGili
Gili
 

Similar a Listas ordenadas y listas no ordenadas

Html
HtmlHtml
Html
dyt
 
7. dreamweaver practico part1
7. dreamweaver practico part17. dreamweaver practico part1
7. dreamweaver practico part1
lmozo
 

Similar a Listas ordenadas y listas no ordenadas (16)

Listas
ListasListas
Listas
 
Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdf
 
Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdf
 
Listas en HTML
Listas en HTMLListas en HTML
Listas en HTML
 
Listas
ListasListas
Listas
 
Clase 2
Clase 2Clase 2
Clase 2
 
Sitio web (html) ejemplos 02
Sitio web (html) ejemplos 02Sitio web (html) ejemplos 02
Sitio web (html) ejemplos 02
 
Comandos básicos de html
Comandos básicos de htmlComandos básicos de html
Comandos básicos de html
 
Comandos Básicos html.docx
Comandos Básicos html.docxComandos Básicos html.docx
Comandos Básicos html.docx
 
Html guia
Html guiaHtml guia
Html guia
 
Listas de definición en HTML
Listas de definición en HTMLListas de definición en HTML
Listas de definición en HTML
 
Html
HtmlHtml
Html
 
FICHA 3.pdf
FICHA 3.pdfFICHA 3.pdf
FICHA 3.pdf
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
 
Html
HtmlHtml
Html
 
7. dreamweaver practico part1
7. dreamweaver practico part17. dreamweaver practico part1
7. dreamweaver practico part1
 

Más de Inmaculada Concepción

Más de Inmaculada Concepción (20)

Clase 1 bloque 3
Clase 1 bloque 3Clase 1 bloque 3
Clase 1 bloque 3
 
Tablas Dinamicas Clase
Tablas Dinamicas ClaseTablas Dinamicas Clase
Tablas Dinamicas Clase
 
Segunda praem sociales primero bto. 2019
Segunda praem sociales primero bto. 2019Segunda praem sociales primero bto. 2019
Segunda praem sociales primero bto. 2019
 
Segunda praem lenguaje primero bto. 2019
Segunda praem lenguaje primero bto. 2019Segunda praem lenguaje primero bto. 2019
Segunda praem lenguaje primero bto. 2019
 
Segunda praem ciencias primero bto. 2019
Segunda praem ciencias primero bto. 2019Segunda praem ciencias primero bto. 2019
Segunda praem ciencias primero bto. 2019
 
Segunda praem sociales segundo bto 2019
Segunda praem sociales segundo bto 2019Segunda praem sociales segundo bto 2019
Segunda praem sociales segundo bto 2019
 
Segunda praem matematica segundo bto 2019
Segunda praem matematica segundo bto 2019Segunda praem matematica segundo bto 2019
Segunda praem matematica segundo bto 2019
 
Segunda praem lenguaje segundo bto 2019
Segunda praem lenguaje segundo bto 2019Segunda praem lenguaje segundo bto 2019
Segunda praem lenguaje segundo bto 2019
 
Segunda praem ciencias segundo bto 2019
Segunda praem ciencias segundo bto 2019Segunda praem ciencias segundo bto 2019
Segunda praem ciencias segundo bto 2019
 
Modelo de caja en html 1
Modelo de caja en html 1Modelo de caja en html 1
Modelo de caja en html 1
 
Insertar video y sonido en html
Insertar video y sonido en htmlInsertar video y sonido en html
Insertar video y sonido en html
 
Capas en HTML
Capas en HTMLCapas en HTML
Capas en HTML
 
Enlaces externos e internos en una página web
Enlaces externos e internos en una página webEnlaces externos e internos en una página web
Enlaces externos e internos en una página web
 
Laboratorio de informatica octavo grado
Laboratorio de informatica octavo grado  Laboratorio de informatica octavo grado
Laboratorio de informatica octavo grado
 
Selectores avanzados
Selectores avanzadosSelectores avanzados
Selectores avanzados
 
Listas desplegables 2
Listas desplegables 2Listas desplegables 2
Listas desplegables 2
 
Listas desplegables en formularios
Listas desplegables en formulariosListas desplegables en formularios
Listas desplegables en formularios
 
Formularios en html
Formularios en htmlFormularios en html
Formularios en html
 
Ejercicio de listas 1
Ejercicio de listas 1Ejercicio de listas 1
Ejercicio de listas 1
 
Primer ejercicio de html
Primer ejercicio de htmlPrimer ejercicio de html
Primer ejercicio de html
 

Último

Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdfLas Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdf
Demetrio Ccesa Rayme
 
FICHA DE LA VIRGEN DE FÁTIMA.pdf educación religiosa primaria de menores
FICHA DE LA VIRGEN DE FÁTIMA.pdf educación religiosa primaria de menoresFICHA DE LA VIRGEN DE FÁTIMA.pdf educación religiosa primaria de menores
FICHA DE LA VIRGEN DE FÁTIMA.pdf educación religiosa primaria de menores
Santosprez2
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
NELLYKATTY
 
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdfEdiciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
Demetrio Ccesa Rayme
 
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
Bitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdfBitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdf
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
Demetrio Ccesa Rayme
 

Último (20)

Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdfLas Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdf
 
¿Que es Fuerza? online 2024 Repaso CRECE.pptx
¿Que es Fuerza? online 2024 Repaso CRECE.pptx¿Que es Fuerza? online 2024 Repaso CRECE.pptx
¿Que es Fuerza? online 2024 Repaso CRECE.pptx
 
Botiquin del amor - Plantillas digitales.pdf
Botiquin del amor - Plantillas digitales.pdfBotiquin del amor - Plantillas digitales.pdf
Botiquin del amor - Plantillas digitales.pdf
 
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanenteDiapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
 
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
 
FICHA DE LA VIRGEN DE FÁTIMA.pdf educación religiosa primaria de menores
FICHA DE LA VIRGEN DE FÁTIMA.pdf educación religiosa primaria de menoresFICHA DE LA VIRGEN DE FÁTIMA.pdf educación religiosa primaria de menores
FICHA DE LA VIRGEN DE FÁTIMA.pdf educación religiosa primaria de menores
 
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
 
flujo de materia y energía ecosistemas.
flujo de materia y  energía ecosistemas.flujo de materia y  energía ecosistemas.
flujo de materia y energía ecosistemas.
 
Salud mental y bullying en adolescentes.
Salud mental y bullying en adolescentes.Salud mental y bullying en adolescentes.
Salud mental y bullying en adolescentes.
 
Tema 9. Roma. 1º ESO 2014. Ciencias SOciales
Tema 9. Roma. 1º ESO 2014. Ciencias SOcialesTema 9. Roma. 1º ESO 2014. Ciencias SOciales
Tema 9. Roma. 1º ESO 2014. Ciencias SOciales
 
Realitat o fake news? – Què causa el canvi climàtic? - La desertització
Realitat o fake news? – Què causa el canvi climàtic? - La desertitzacióRealitat o fake news? – Què causa el canvi climàtic? - La desertització
Realitat o fake news? – Què causa el canvi climàtic? - La desertització
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
 
Los caminos del saber matematicas 7°.pdf
Los caminos del saber matematicas 7°.pdfLos caminos del saber matematicas 7°.pdf
Los caminos del saber matematicas 7°.pdf
 
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLAACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
 
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdfEdiciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
 
Santa Criz de Eslava, la más monumental de las ciudades romanas de Navarra
Santa Criz de Eslava, la más monumental de las ciudades romanas de NavarraSanta Criz de Eslava, la más monumental de las ciudades romanas de Navarra
Santa Criz de Eslava, la más monumental de las ciudades romanas de Navarra
 
SESION DE APRENDIZAJE PARA3ER GRADO -EL SISTEMA DIGESTIVO
SESION DE APRENDIZAJE PARA3ER GRADO -EL SISTEMA DIGESTIVOSESION DE APRENDIZAJE PARA3ER GRADO -EL SISTEMA DIGESTIVO
SESION DE APRENDIZAJE PARA3ER GRADO -EL SISTEMA DIGESTIVO
 
TEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilizaciónTEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilización
 
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
 
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
Bitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdfBitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdf
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
 

Listas ordenadas y listas no ordenadas

  • 1. TEMA: Listas Ordenadas y Listas No ordenadas El siguiente código HTML muestra un ejemplo sencillo de lista no ordenada: <html> <head><title>Ejemplo de etiqueta UL</title></head> <body> <h1>Menú</h1> <ul> <li>Inicio</li> <li>Noticias</li> <li>Artículos</li> <li>Contacto</li> </ul>
  • 2. </body> </html> El siguiente código HTML muestra un ejemplo sencillo de lista ordenada: <html> <head><title>Ejemplo de etiqueta OL</title></head> <body> <h1>Instrucciones</h1> <ol> <li>Enchufar correctamente</li> <li>Comprobar conexiones</li>
  • 3. <li>Encender el aparato</li> </ol> </body> </html> El siguiente código HTML muestra un ejemplo sencillo de lista de definición: <html> <head><title>Ejemplo de etiqueta DL</title></head> <body> <h1>Metalenguajes</h1> <dl> <dt>SGML</dt>
  • 4. <dd>Metalenguaje para la definición de otros lengua jes de marcado</dd> <dt>XML</dt> <dd>Lenguaje basado en SGML y que se emplea para de scribir datos</dd> <dt>RSS</dt> <dt>GML</dt> <dt>XHTML</dt> <dt>SVG</dt> <dt>XUL</dt> <dd>Lenguajes derivados de XML para determinadas ap licaciones</dd> </dl>