CHTML-B-Ejercicio-06-ListasHTML

•

Outros

0

marketingdigital1995

17/6/2023

¡Este material tiene más páginas!

Entonces, ¿te gustó este material?

Ayude a animar a otros estudiantes a mejorar el contenido

¿Te gustó este material? ¡Compartir! 🧡

Libros

93.124 Materiales compartidos

Descarga la aplicación para disfrutar aún más

Lea materiales sin conexión, sin usar Internet. Además de muchas otras características!

Vista previa del material en texto

www.globalmentoring.com.mx
www.globalmentoring.com.mx
Poner en práctica el manejo de Listas en HTML. Al finalizar 
deberemos observar lo siguiente:
www.globalmentoring.com.mx
Vamos a crear el proyecto:
www.globalmentoring.com.mx
Vamos a crear un archivo html:
www.globalmentoring.com.mx
( )
Vamos a crear un archivo html:
www.globalmentoring.com.mx
Vamos a crear un archivo html:
www.globalmentoring.com.mx
Vamos a crear un archivo html:
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<title>Listas HTML</title>
<meta charset="UTF-8">
</head>
<body>
<h1>Listas HTML</h1>
<p>
Listas ordenadas
<a href="listasOrdenadas.html">Listas Ordenadas</a>
</p>
<p>
Listas no ordenadas
<a href="listasNoOrdenadas.html">Listas No Ordenadas</a>
</p>
<p>
Listas de definici&oacute;n de datos
<a href="listasDefinicion.html">Listas Definici&oacute;n</a>
</p>
</body>
</html>
Archivo index.html:
http://icursos.net/cursos/HTML/Leccion02/06-ListasHTML/index.txt
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Listas Ordenadas</title>
</head>
<body>
<h1>Listas Ordenadas</h1>
<ol type="1" start="3">
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ol>
<ol>
<li>Juan</li>
<li>Susana</li>
</ol>
</body>
</html>
Archivo listasOrdenadas.html:
http://icursos.net/cursos/HTML/Leccion02/06-ListasHTML/listasOrdenadas.txt
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Listas No Ordenadas</title>
</head>
<body>
<h1>Listas No Ordenadas</h1>
<ul type="square">
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
<ul>
<li>Dato1</li>
<li>Dato2</li>
</ul>
</body>
</html>
Archivo listasNoOrdenadas.html:
http://icursos.net/cursos/HTML/Leccion02/06-ListasHTML/listasNoOrdenadas.txt
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Listas de Definiciones</title>
</head>
<body>
<h1>Listas de Definiciones</h1>
<dl>
<dt>Uno</dt>
<dd>Es el primer elemento, sin contar el cero</dd>
<dt>Dos</dt>
<dd>Es el numero despues del uno</dd>
<dt>Tres</dt>
<dd>Numero despues del dos</dd>
</dl>
</body>
</html>
Archivo listasDefinicion.html:
http://icursos.net/cursos/HTML/Leccion02/06-ListasHTML/listasDefinicion.txt
www.globalmentoring.com.mx
El resultado es como sigue:
www.globalmentoring.com.mx
( )
El resultado es como sigue:
www.globalmentoring.com.mx
( )
El resultado es como sigue:
www.globalmentoring.com.mx
• Con este ejercicio hemos puesto en práctica el concepto de 
Listas en HTML, las cuales nos permiten mostrar nuestros 
datos de manera de lista ordenada, no ordenada y en forma 
de definición de palabras.
www.globalmentoring.com.mx
Por: Ing. Ubaldo Acosta