SlideShare una empresa de Scribd logo
UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA
GRUPO: Keneth Valle SEMESTRE: TERCERO
PARALELO: C
TEMA:
Listas en HTML
OBJETIVO:
Aplicar listas en HTML
RESULTADOS DE APRENDIZAJE
-Identificar los usos de cada componente para agregar listas en una página web en HTML.
-Utilizar las componentes esenciales del código.
-Usar correctamente las etiquetas.
ACTIVIDADES:
Agregar en una página web los diferentes tipos de listas
Captura de pantalla.
UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA
UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA
Línea de código
<html>
<meta charset="UTF-8">
<head>
<title>Listas html</title>
</head>
<body>
<b><center><h1>Tipos de listas HTML</h1></center></b>
<h2>Listas decimales</h2>
<ol><li>manzanas</li>
<li>peras</li>
<li>sandías</li>
<li>naranjas</li>
</ol>
<br>
UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA
<h2>Listas alfabéticas en mayúsculas</h2>
<ol type="A">
<li>manzanas</li>
<li>peras</li>
<li>sandías</li>
<li>naranjas</li>
</ol>
<br>
<h2>Listas alfabéticas en minúsculas</h2>
<ol type="a">
<li>manzanas</li>
<li>peras</li>
<li>sandías</li>
<li>naranjas</li>
</ol>
<br>
<h2>Listas números romanos minúsculas</h2>
<ol type="i">
<li>manzanas</li>
<li>peras</li>
<li>sandías</li>
<li>naranjas</li>
</ol>
<br>
<h2>Listas números romanos mayúscula</h2>
<ol type="I">
<li>manzanas</li>
<li>peras</li>
<li>sandías</li>
<li>naranjas</li>
</ol>
<br>
<h2>Listas reversed</h2>
<ol reversed>
<li>manzanas</li>
<li>peras</li>
UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA
<li>sandías</li>
<li>naranjas</li>
<h2>Listas anidadas</h2>
</ol>
<br>
<dl>
<dt>Término 1</dt>
<dd>Definición 1</dd>
<dt>Término 2</dt>
<dd>Definición 2</dd>
</dl>
<ul>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>
<ol>
<li>Elemento 2.1</li>
<li>Elemento 2.2</li>
</ol>
</li>
</ul>
</body>
</html>
Keneth Valle MSc. Víctor Zapata
ESTUDIANTE DOCENTE

Más contenido relacionado

La actualidad más candente (20)

Operaciones básicas en php
Operaciones básicas en phpOperaciones básicas en php
Operaciones básicas en php
 
Estructura página web
Estructura página webEstructura página web
Estructura página web
 
Párrafos html
Párrafos htmlPárrafos html
Párrafos html
 
Listas en html
Listas en htmlListas en html
Listas en html
 
Tabla de datos en lenguaje html
Tabla de datos en lenguaje htmlTabla de datos en lenguaje html
Tabla de datos en lenguaje html
 
Separación de párrafos en lenguaje html
Separación de párrafos en lenguaje htmlSeparación de párrafos en lenguaje html
Separación de párrafos en lenguaje html
 
Chatbot 7 en PHP MyAdmin
Chatbot 7 en PHP MyAdminChatbot 7 en PHP MyAdmin
Chatbot 7 en PHP MyAdmin
 
Uso de marquesinas en html
Uso de marquesinas en htmlUso de marquesinas en html
Uso de marquesinas en html
 
Formulario en html
Formulario en htmlFormulario en html
Formulario en html
 
Componentes en html
Componentes en htmlComponentes en html
Componentes en html
 
Títulos en lenguaje html
Títulos en lenguaje htmlTítulos en lenguaje html
Títulos en lenguaje html
 
Separación de párrafos
Separación de párrafosSeparación de párrafos
Separación de párrafos
 
Tipo de letra en html
Tipo de letra en htmlTipo de letra en html
Tipo de letra en html
 
Párrafos html
Párrafos htmlPárrafos html
Párrafos html
 
Marquesinas
MarquesinasMarquesinas
Marquesinas
 
Variables php
Variables phpVariables php
Variables php
 
Iframe html
Iframe htmlIframe html
Iframe html
 
Html 5
Html 5Html 5
Html 5
 
Método post form action 3
Método post form action 3Método post form action 3
Método post form action 3
 
Chatbot 7
Chatbot 7Chatbot 7
Chatbot 7
 

Similar a Tipos de listas en html (18)

Poner título
Poner títuloPoner título
Poner título
 
Estructura de página web html
Estructura de página web htmlEstructura de página web html
Estructura de página web html
 
Tabla en php
Tabla en phpTabla en php
Tabla en php
 
Operadores lógicos
Operadores lógicosOperadores lógicos
Operadores lógicos
 
Informe 5.pdf
Informe 5.pdfInforme 5.pdf
Informe 5.pdf
 
Lenguajes de programación 5 marzo 2013
Lenguajes de programación 5 marzo 2013Lenguajes de programación 5 marzo 2013
Lenguajes de programación 5 marzo 2013
 
Informe 4.pdf
Informe 4.pdfInforme 4.pdf
Informe 4.pdf
 
Introduccion a la informatica
Introduccion a la informaticaIntroduccion a la informatica
Introduccion a la informatica
 
Informe 5
Informe 5Informe 5
Informe 5
 
Informe general 2.pdf
Informe general 2.pdfInforme general 2.pdf
Informe general 2.pdf
 
Página iframe html
Página iframe htmlPágina iframe html
Página iframe html
 
Reporte general 9
Reporte general 9Reporte general 9
Reporte general 9
 
Estrategia AFI
Estrategia AFIEstrategia AFI
Estrategia AFI
 
Informe 4
Informe 4Informe 4
Informe 4
 
Informe de tarea html.pdf
Informe de tarea html.pdfInforme de tarea html.pdf
Informe de tarea html.pdf
 
Informe general 1.pdf
Informe general 1.pdfInforme general 1.pdf
Informe general 1.pdf
 
Mecanica
MecanicaMecanica
Mecanica
 
Bases de Trabajos de Investigacion...CORNECCOF Tumbes
Bases de Trabajos de Investigacion...CORNECCOF TumbesBases de Trabajos de Investigacion...CORNECCOF Tumbes
Bases de Trabajos de Investigacion...CORNECCOF Tumbes
 

Más de kenethone (8)

Informe proyecto final programación lenguaje php
Informe proyecto final programación lenguaje phpInforme proyecto final programación lenguaje php
Informe proyecto final programación lenguaje php
 
Base de datos 8
Base de datos 8Base de datos 8
Base de datos 8
 
Array 6 en lenguaje PHP
Array 6 en lenguaje PHPArray 6 en lenguaje PHP
Array 6 en lenguaje PHP
 
Sentencia for y while 5
Sentencia for y while 5Sentencia for y while 5
Sentencia for y while 5
 
Swtich 4 en lenguaje en lenguaje PHP
Swtich 4 en lenguaje en lenguaje PHPSwtich 4 en lenguaje en lenguaje PHP
Swtich 4 en lenguaje en lenguaje PHP
 
Html Práctica
Html PrácticaHtml Práctica
Html Práctica
 
Método post 2
Método post 2Método post 2
Método post 2
 
Método get 2_1
Método get 2_1Método get 2_1
Método get 2_1
 

Último

Tema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxTema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptx
Noe Castillo
 
Ferias de ciencias y estrategia STEAM – PNFCyT 2024.pdf
Ferias de ciencias y estrategia STEAM – PNFCyT 2024.pdfFerias de ciencias y estrategia STEAM – PNFCyT 2024.pdf
Ferias de ciencias y estrategia STEAM – PNFCyT 2024.pdf
JudithRomero51
 
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
sandradianelly
 
diagnostico final (1). analisis - encuestas
diagnostico final (1). analisis - encuestasdiagnostico final (1). analisis - encuestas
diagnostico final (1). analisis - encuestas
ansomora123
 

Último (20)

PLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docx
PLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docxPLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docx
PLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docx
 
Power Point: Luz desde el santuario.pptx
Power Point: Luz desde el santuario.pptxPower Point: Luz desde el santuario.pptx
Power Point: Luz desde el santuario.pptx
 
Presentación Pedagoía medieval para exposición en clases
Presentación Pedagoía medieval para exposición en clasesPresentación Pedagoía medieval para exposición en clases
Presentación Pedagoía medieval para exposición en clases
 
Cerebelo Anatomía y fisiología Clase presencial
Cerebelo Anatomía y fisiología Clase presencialCerebelo Anatomía y fisiología Clase presencial
Cerebelo Anatomía y fisiología Clase presencial
 
Tema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxTema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptx
 
Fase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcionalFase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcional
 
Sesión de clase: Luz desde el santuario.pdf
Sesión de clase: Luz desde el santuario.pdfSesión de clase: Luz desde el santuario.pdf
Sesión de clase: Luz desde el santuario.pdf
 
ESTEREOTIPOS DE GÉNERO A LAS PERSONAS? (Grupo)
ESTEREOTIPOS DE GÉNERO A LAS PERSONAS? (Grupo)ESTEREOTIPOS DE GÉNERO A LAS PERSONAS? (Grupo)
ESTEREOTIPOS DE GÉNERO A LAS PERSONAS? (Grupo)
 
Ferias de ciencias y estrategia STEAM – PNFCyT 2024.pdf
Ferias de ciencias y estrategia STEAM – PNFCyT 2024.pdfFerias de ciencias y estrategia STEAM – PNFCyT 2024.pdf
Ferias de ciencias y estrategia STEAM – PNFCyT 2024.pdf
 
Poemas de Beatriz Giménez de Ory_trabajos de 6º
Poemas de Beatriz Giménez de Ory_trabajos de 6ºPoemas de Beatriz Giménez de Ory_trabajos de 6º
Poemas de Beatriz Giménez de Ory_trabajos de 6º
 
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
 
TRABAJO CON TRES O MAS FRACCIONES PARA NIÑOS
TRABAJO CON TRES O MAS FRACCIONES PARA NIÑOSTRABAJO CON TRES O MAS FRACCIONES PARA NIÑOS
TRABAJO CON TRES O MAS FRACCIONES PARA NIÑOS
 
Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
 
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
 
Proceso de admisiones en escuelas infantiles de Pamplona
Proceso de admisiones en escuelas infantiles de PamplonaProceso de admisiones en escuelas infantiles de Pamplona
Proceso de admisiones en escuelas infantiles de Pamplona
 
Portafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPNPortafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPN
 
Presentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos DigitalesPresentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos Digitales
 
diagnostico final (1). analisis - encuestas
diagnostico final (1). analisis - encuestasdiagnostico final (1). analisis - encuestas
diagnostico final (1). analisis - encuestas
 
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docx
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docxENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docx
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docx
 

Tipos de listas en html

  • 1. UNIVERSIDAD CENTRAL DEL ECUADOR FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA GRUPO: Keneth Valle SEMESTRE: TERCERO PARALELO: C TEMA: Listas en HTML OBJETIVO: Aplicar listas en HTML RESULTADOS DE APRENDIZAJE -Identificar los usos de cada componente para agregar listas en una página web en HTML. -Utilizar las componentes esenciales del código. -Usar correctamente las etiquetas. ACTIVIDADES: Agregar en una página web los diferentes tipos de listas Captura de pantalla.
  • 2. UNIVERSIDAD CENTRAL DEL ECUADOR FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA
  • 3. UNIVERSIDAD CENTRAL DEL ECUADOR FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA Línea de código <html> <meta charset="UTF-8"> <head> <title>Listas html</title> </head> <body> <b><center><h1>Tipos de listas HTML</h1></center></b> <h2>Listas decimales</h2> <ol><li>manzanas</li> <li>peras</li> <li>sandías</li> <li>naranjas</li> </ol> <br>
  • 4. UNIVERSIDAD CENTRAL DEL ECUADOR FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA <h2>Listas alfabéticas en mayúsculas</h2> <ol type="A"> <li>manzanas</li> <li>peras</li> <li>sandías</li> <li>naranjas</li> </ol> <br> <h2>Listas alfabéticas en minúsculas</h2> <ol type="a"> <li>manzanas</li> <li>peras</li> <li>sandías</li> <li>naranjas</li> </ol> <br> <h2>Listas números romanos minúsculas</h2> <ol type="i"> <li>manzanas</li> <li>peras</li> <li>sandías</li> <li>naranjas</li> </ol> <br> <h2>Listas números romanos mayúscula</h2> <ol type="I"> <li>manzanas</li> <li>peras</li> <li>sandías</li> <li>naranjas</li> </ol> <br> <h2>Listas reversed</h2> <ol reversed> <li>manzanas</li> <li>peras</li>
  • 5. UNIVERSIDAD CENTRAL DEL ECUADOR FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA <li>sandías</li> <li>naranjas</li> <h2>Listas anidadas</h2> </ol> <br> <dl> <dt>Término 1</dt> <dd>Definición 1</dd> <dt>Término 2</dt> <dd>Definición 2</dd> </dl> <ul> <li>Elemento 1</li> <li>Elemento 2</li> <li> <ol> <li>Elemento 2.1</li> <li>Elemento 2.2</li> </ol> </li> </ul> </body> </html> Keneth Valle MSc. Víctor Zapata ESTUDIANTE DOCENTE