SlideShare una empresa de Scribd logo
1 de 4
UNIVERSIDAD TÉCNICA DE AMBATO
FACULTAD DE CIENCIAS HUMANAS Y DE LA EDUCACIÓN
CARRERA DE DOCENCIA EN INFORMÁTICA
PROGRAMACIÓN WEB
Alumna: Alexandra Machasilla
Semestre: Séptimo
<ul>
<li type="circle">circulo.</li>
<li type="square">rectangulo.</li>
<li type="disc">circulo relleno.</li>
</ul>
Listas No Ordenadas
Van dentro de la
etiqueta <ul> y de
su cierre </ul>.
La etiqueta <li>,
ésta se generará de
forma automática
al atributo “type”
podemos definir el
símbolo del punto
EJEMPLO
<ol>
<li > 20. </li>
<li> 21. </li>
<li> 22. </li>
</ol>
Listas Ordenadas
Van enmarcadas
dentro de las
etiquetas <ol> </ol>.
<li>. Pero al ser listas
ordenadas los
símbolos serán
números
Esta se va generando
automáticamente por
orden
EJEMPLO
1. 20
2. 15
3. 25
<dl>
<dt>Aquí va el término que definiremos</dt>
<dd>Y aquí dentro irá la definición propiamente dicha.</dd>
</dl>
<dl>
<dt>Aquí va la segunda definición</dt>
<dd>Y aquí dentro irá la segunda definición,
separada automáticamente de la anterior.</dd>
</dl>
Listas de Definiciones
Podemos usar las
etiquetas <dl>, <dt> y
<dd>.
La etiqueta <dl> nos
indica que dentro de ella,
entre ella y su cierre, va a
ir una definición.
La etiqueta <dt> y dentro
de ella irá el término que
vamos a definir. Para
entendernos mejor,
dentro de <dt> iría el
título de la definición.
La etiqueta <dd> nos dice
que dentro de ésta irá la
definición.
EJEMPLO
Aquí va el término que definiremos
Y aquí dentro irá la definición propiamente
dicha.
Aquí va la segunda definición
Y aquí dentro irá la segunda definición,
separada automáticamente de la anterior.

Más contenido relacionado

Destacado

User Research & Usability Testing - NavigationArts
User Research & Usability Testing - NavigationArtsUser Research & Usability Testing - NavigationArts
User Research & Usability Testing - NavigationArtsKirsten Miller
 
บรรยาย มช Color management
บรรยาย มช Color managementบรรยาย มช Color management
บรรยาย มช Color managementPandit Watanakasivish
 
OPARAH UCHECHI MICHAEL
OPARAH UCHECHI MICHAELOPARAH UCHECHI MICHAEL
OPARAH UCHECHI MICHAELUchechi Oparah
 
"ถ่ายภาพขาวดำในยุคดิจิตอลอย่างไรให้มีคุณภาพสูงสุด"
"ถ่ายภาพขาวดำในยุคดิจิตอลอย่างไรให้มีคุณภาพสูงสุด""ถ่ายภาพขาวดำในยุคดิจิตอลอย่างไรให้มีคุณภาพสูงสุด"
"ถ่ายภาพขาวดำในยุคดิจิตอลอย่างไรให้มีคุณภาพสูงสุด"Pandit Watanakasivish
 
ZOO FINAL DELIVERABLE (portfolio)
ZOO FINAL DELIVERABLE (portfolio)ZOO FINAL DELIVERABLE (portfolio)
ZOO FINAL DELIVERABLE (portfolio)Logan Ferrara
 
N'Report 9 - Mobil video alışkanlıkları Vol.2
N'Report 9 - Mobil video alışkanlıkları Vol.2N'Report 9 - Mobil video alışkanlıkları Vol.2
N'Report 9 - Mobil video alışkanlıkları Vol.2Nmobs
 

Destacado (13)

Ghazanfar Cv[1]
Ghazanfar Cv[1]Ghazanfar Cv[1]
Ghazanfar Cv[1]
 
User Research & Usability Testing - NavigationArts
User Research & Usability Testing - NavigationArtsUser Research & Usability Testing - NavigationArts
User Research & Usability Testing - NavigationArts
 
Javed_cv
Javed_cvJaved_cv
Javed_cv
 
AngularJS
AngularJSAngularJS
AngularJS
 
Brief 009
Brief 009Brief 009
Brief 009
 
Health and wellness
Health and wellnessHealth and wellness
Health and wellness
 
บรรยาย มช Color management
บรรยาย มช Color managementบรรยาย มช Color management
บรรยาย มช Color management
 
22_7_14_R_E_S_U_M_E
22_7_14_R_E_S_U_M_E22_7_14_R_E_S_U_M_E
22_7_14_R_E_S_U_M_E
 
OPARAH UCHECHI MICHAEL
OPARAH UCHECHI MICHAELOPARAH UCHECHI MICHAEL
OPARAH UCHECHI MICHAEL
 
"ถ่ายภาพขาวดำในยุคดิจิตอลอย่างไรให้มีคุณภาพสูงสุด"
"ถ่ายภาพขาวดำในยุคดิจิตอลอย่างไรให้มีคุณภาพสูงสุด""ถ่ายภาพขาวดำในยุคดิจิตอลอย่างไรให้มีคุณภาพสูงสุด"
"ถ่ายภาพขาวดำในยุคดิจิตอลอย่างไรให้มีคุณภาพสูงสุด"
 
Presentation1
Presentation1Presentation1
Presentation1
 
ZOO FINAL DELIVERABLE (portfolio)
ZOO FINAL DELIVERABLE (portfolio)ZOO FINAL DELIVERABLE (portfolio)
ZOO FINAL DELIVERABLE (portfolio)
 
N'Report 9 - Mobil video alışkanlıkları Vol.2
N'Report 9 - Mobil video alışkanlıkları Vol.2N'Report 9 - Mobil video alışkanlıkları Vol.2
N'Report 9 - Mobil video alışkanlıkları Vol.2
 

Similar a Listas (7)

Jenny adame
Jenny adameJenny adame
Jenny adame
 
Listas en HTML
Listas en HTMLListas en HTML
Listas en HTML
 
Trabajo2
Trabajo2Trabajo2
Trabajo2
 
Listas en html
Listas en htmlListas en html
Listas en html
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Mapas etiquetas
Mapas etiquetasMapas etiquetas
Mapas etiquetas
 

Más de Alexandra Machasilla (9)

Elemnto 1
Elemnto 1Elemnto 1
Elemnto 1
 
Elemnto 1
Elemnto 1Elemnto 1
Elemnto 1
 
Sistema de gestion de contenidos
Sistema de gestion de contenidosSistema de gestion de contenidos
Sistema de gestion de contenidos
 
Sistema de gestion de contenidos
Sistema de gestion de contenidosSistema de gestion de contenidos
Sistema de gestion de contenidos
 
Plan de cuentas
Plan de cuentasPlan de cuentas
Plan de cuentas
 
Empresa
EmpresaEmpresa
Empresa
 
Documentos contables
Documentos contablesDocumentos contables
Documentos contables
 
Web y pagweb
Web y pagwebWeb y pagweb
Web y pagweb
 
La internet
La internetLa internet
La internet
 

Último

REGLAMENTO FINAL DE EVALUACIÓN 2024 pdf.pdf
REGLAMENTO  FINAL DE EVALUACIÓN 2024 pdf.pdfREGLAMENTO  FINAL DE EVALUACIÓN 2024 pdf.pdf
REGLAMENTO FINAL DE EVALUACIÓN 2024 pdf.pdfInformacionesCMI
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdfDemetrio Ccesa Rayme
 
Historia de la iglesia cristiana y sus 6 PERIODOS.pptx
Historia de la iglesia cristiana y sus 6 PERIODOS.pptxHistoria de la iglesia cristiana y sus 6 PERIODOS.pptx
Historia de la iglesia cristiana y sus 6 PERIODOS.pptxedgarzevallos
 
UNIDAD 3 -MAYO - IV CICLO para cuarto grado
UNIDAD 3 -MAYO - IV CICLO para cuarto gradoUNIDAD 3 -MAYO - IV CICLO para cuarto grado
UNIDAD 3 -MAYO - IV CICLO para cuarto gradoWilian24
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxiemerc2024
 
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptxAEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptxhenarfdez
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...JAVIER SOLIS NOYOLA
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalJonathanCovena1
 
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...rosalindatellodelagu
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfcarolinamartinezsev
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesMarisolMartinez707897
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxroberthirigoinvasque
 
Código Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de VenezuelaCódigo Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de Venezuelabeltranponce75
 

Último (20)

REGLAMENTO FINAL DE EVALUACIÓN 2024 pdf.pdf
REGLAMENTO  FINAL DE EVALUACIÓN 2024 pdf.pdfREGLAMENTO  FINAL DE EVALUACIÓN 2024 pdf.pdf
REGLAMENTO FINAL DE EVALUACIÓN 2024 pdf.pdf
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
Historia de la iglesia cristiana y sus 6 PERIODOS.pptx
Historia de la iglesia cristiana y sus 6 PERIODOS.pptxHistoria de la iglesia cristiana y sus 6 PERIODOS.pptx
Historia de la iglesia cristiana y sus 6 PERIODOS.pptx
 
UNIDAD 3 -MAYO - IV CICLO para cuarto grado
UNIDAD 3 -MAYO - IV CICLO para cuarto gradoUNIDAD 3 -MAYO - IV CICLO para cuarto grado
UNIDAD 3 -MAYO - IV CICLO para cuarto grado
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptxAEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
Código Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de VenezuelaCódigo Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de Venezuela
 

Listas

  • 1. UNIVERSIDAD TÉCNICA DE AMBATO FACULTAD DE CIENCIAS HUMANAS Y DE LA EDUCACIÓN CARRERA DE DOCENCIA EN INFORMÁTICA PROGRAMACIÓN WEB Alumna: Alexandra Machasilla Semestre: Séptimo
  • 2. <ul> <li type="circle">circulo.</li> <li type="square">rectangulo.</li> <li type="disc">circulo relleno.</li> </ul> Listas No Ordenadas Van dentro de la etiqueta <ul> y de su cierre </ul>. La etiqueta <li>, ésta se generará de forma automática al atributo “type” podemos definir el símbolo del punto EJEMPLO
  • 3. <ol> <li > 20. </li> <li> 21. </li> <li> 22. </li> </ol> Listas Ordenadas Van enmarcadas dentro de las etiquetas <ol> </ol>. <li>. Pero al ser listas ordenadas los símbolos serán números Esta se va generando automáticamente por orden EJEMPLO 1. 20 2. 15 3. 25
  • 4. <dl> <dt>Aquí va el término que definiremos</dt> <dd>Y aquí dentro irá la definición propiamente dicha.</dd> </dl> <dl> <dt>Aquí va la segunda definición</dt> <dd>Y aquí dentro irá la segunda definición, separada automáticamente de la anterior.</dd> </dl> Listas de Definiciones Podemos usar las etiquetas <dl>, <dt> y <dd>. La etiqueta <dl> nos indica que dentro de ella, entre ella y su cierre, va a ir una definición. La etiqueta <dt> y dentro de ella irá el término que vamos a definir. Para entendernos mejor, dentro de <dt> iría el título de la definición. La etiqueta <dd> nos dice que dentro de ésta irá la definición. EJEMPLO Aquí va el término que definiremos Y aquí dentro irá la definición propiamente dicha. Aquí va la segunda definición Y aquí dentro irá la segunda definición, separada automáticamente de la anterior.