SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
Ejemplo
El siguiente ejemplo muestra que etiquetas se deben usar para el uso de listas en nuestra
pagina web además agregamos listas con imágenes.
<html>
<head>
<title>Segundo taller HTML</title>
</head>
<body bgcolor="#E6E8FA">
<h4> Listas</h4>
<ul>
<li type="circle">Base de datos.</li>
<li type="square">Cibernetica.</li>
<li type="disc">robotica.</li>
<li type="circle">hipertexto.</li>
</ul>
<h4>Listas Ordenadas</h4>
<ol>
<li >Base de datos.</li>
<li >Cibernetica.</li>
<li >robotica.</li>
<li >hipertexto.</li>
</ol>
<h4>Listas Ordenadas</h4>
<ol>
<li value="20">Wap. </li>
<li >Java.</li>
<li >C++.</li>
<li >UML.</li>
</ol>
<h2>Lista con enlaces</h2>
<ol>
<li><a href="http://www.w3.org/">Word wide web</a>
<li><a href="http://www.oracle.com/index.html">Oracle</a>
<li><a href="http://www.apple.com/">Apple</a>
<li><a href="http://www.youtube.com/">youtube</a>
</ol>
<h2>Lista con imagenes </h2>
<dl>
<dt><img src="firefox.jpg">Mozilla Fire Fox
<dt><img src="chrome.jpg">Google Chrome
</dl>
<h2>Lista con imagenes y enlaces</h2>
<dl>
<dt>
<a href="http://www.opera.com/"><img src="opera.jpg"width="400"
height="300"alt="ir a la pagina web de opera"></a>Opera
<dt>
<a href="http://windows.microsoft.com/es-ES/internet-explorer/products/ie/home">
<img src="explorer.jpg"width="400"height="350"alt="ir a Explorer"></a>Explorer
</dl>
</body>
</html>
Como resultado el navegador muestra el siguiente ejemplo:
Listas en HTML

Más contenido relacionado

Similar a Listas en HTML (20)

Html 1
Html 1Html 1
Html 1
 
Listas ordenadas y listas no ordenadas
Listas ordenadas y listas no ordenadasListas ordenadas y listas no ordenadas
Listas ordenadas y listas no ordenadas
 
Ls1 pd2-210919171605
Ls1 pd2-210919171605Ls1 pd2-210919171605
Ls1 pd2-210919171605
 
Lab-01-PD2-HTML
Lab-01-PD2-HTMLLab-01-PD2-HTML
Lab-01-PD2-HTML
 
Tags en html
Tags en htmlTags en html
Tags en html
 
MEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdfMEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdf
 
Curso-HTML--CSS.pdf
Curso-HTML--CSS.pdfCurso-HTML--CSS.pdf
Curso-HTML--CSS.pdf
 
Listas
ListasListas
Listas
 
Ejercicios de HTML
Ejercicios de HTMLEjercicios de HTML
Ejercicios de HTML
 
Proyecto final
Proyecto finalProyecto final
Proyecto final
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
Listas
ListasListas
Listas
 
Guia 3 10 2019
Guia 3 10 2019Guia 3 10 2019
Guia 3 10 2019
 
Html 1
Html 1Html 1
Html 1
 
FICHA 3.pdf
FICHA 3.pdfFICHA 3.pdf
FICHA 3.pdf
 
Listas de definición en HTML
Listas de definición en HTMLListas de definición en HTML
Listas de definición en HTML
 
Presentacion css
Presentacion cssPresentacion css
Presentacion css
 
HTML
HTMLHTML
HTML
 
Guia 3 10 2019
Guia 3 10 2019Guia 3 10 2019
Guia 3 10 2019
 
Drupal Workshop
Drupal WorkshopDrupal Workshop
Drupal Workshop
 

Más de OVAWEB

Mantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHPMantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHPOVAWEB
 
Ejemplo validación
Ejemplo validaciónEjemplo validación
Ejemplo validaciónOVAWEB
 
Ejemplo de formulario
Ejemplo de formularioEjemplo de formulario
Ejemplo de formularioOVAWEB
 
Ejemplo de clases en css
Ejemplo de clases en cssEjemplo de clases en css
Ejemplo de clases en cssOVAWEB
 
Ejemplo de css
Ejemplo de cssEjemplo de css
Ejemplo de cssOVAWEB
 
Los Formularios en HTML
Los Formularios en HTMLLos Formularios en HTML
Los Formularios en HTMLOVAWEB
 
Las Tablas en HTML
Las Tablas en HTMLLas Tablas en HTML
Las Tablas en HTMLOVAWEB
 
Imágenes en HTML
Imágenes en HTMLImágenes en HTML
Imágenes en HTMLOVAWEB
 
Párrafos en HTML
Párrafos en HTMLPárrafos en HTML
Párrafos en HTMLOVAWEB
 

Más de OVAWEB (9)

Mantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHPMantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHP
 
Ejemplo validación
Ejemplo validaciónEjemplo validación
Ejemplo validación
 
Ejemplo de formulario
Ejemplo de formularioEjemplo de formulario
Ejemplo de formulario
 
Ejemplo de clases en css
Ejemplo de clases en cssEjemplo de clases en css
Ejemplo de clases en css
 
Ejemplo de css
Ejemplo de cssEjemplo de css
Ejemplo de css
 
Los Formularios en HTML
Los Formularios en HTMLLos Formularios en HTML
Los Formularios en HTML
 
Las Tablas en HTML
Las Tablas en HTMLLas Tablas en HTML
Las Tablas en HTML
 
Imágenes en HTML
Imágenes en HTMLImágenes en HTML
Imágenes en HTML
 
Párrafos en HTML
Párrafos en HTMLPárrafos en HTML
Párrafos en HTML
 

Último

codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfMARIAPAULAMAHECHAMOR
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 

Último (20)

codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdf
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 

Listas en HTML

  • 1. Ejemplo El siguiente ejemplo muestra que etiquetas se deben usar para el uso de listas en nuestra pagina web además agregamos listas con imágenes. <html> <head> <title>Segundo taller HTML</title> </head> <body bgcolor="#E6E8FA"> <h4> Listas</h4> <ul> <li type="circle">Base de datos.</li> <li type="square">Cibernetica.</li> <li type="disc">robotica.</li> <li type="circle">hipertexto.</li> </ul> <h4>Listas Ordenadas</h4> <ol> <li >Base de datos.</li> <li >Cibernetica.</li> <li >robotica.</li> <li >hipertexto.</li> </ol> <h4>Listas Ordenadas</h4> <ol> <li value="20">Wap. </li> <li >Java.</li> <li >C++.</li> <li >UML.</li> </ol> <h2>Lista con enlaces</h2> <ol> <li><a href="http://www.w3.org/">Word wide web</a> <li><a href="http://www.oracle.com/index.html">Oracle</a> <li><a href="http://www.apple.com/">Apple</a> <li><a href="http://www.youtube.com/">youtube</a> </ol> <h2>Lista con imagenes </h2> <dl> <dt><img src="firefox.jpg">Mozilla Fire Fox <dt><img src="chrome.jpg">Google Chrome </dl>
  • 2. <h2>Lista con imagenes y enlaces</h2> <dl> <dt> <a href="http://www.opera.com/"><img src="opera.jpg"width="400" height="300"alt="ir a la pagina web de opera"></a>Opera <dt> <a href="http://windows.microsoft.com/es-ES/internet-explorer/products/ie/home"> <img src="explorer.jpg"width="400"height="350"alt="ir a Explorer"></a>Explorer </dl> </body> </html> Como resultado el navegador muestra el siguiente ejemplo: