Autor Tema: Html. Consulta sobre listas no ordenadas ul cómo hacer que aparezcan los puntos (Leído 2333 veces)

kukuxumusu · « **en:** 09 de Mayo 2017, 02:07 »

Muy buenas!

Pego el código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta charset="utf-8">
		<title>Ejemplo del uso de listas - aprenderaprogramar.com</title>
	</head>
	<body>
		<ul>
			<ul style="list-style-type:disc">Esto es un tipo de punto.</ul>
			<ul style="list-style-type:square">Este es otro.</ul>
			<ul style="list-style-type:circle">Y este es otro diferente.</ul>
		</ul>
	</body>
</html>

No logro que aparezcan los diferentes tipos de puntos, alguien podría indicarme el error? Mil gracias!

pedro,, · « **Respuesta #1 en:** 09 de Mayo 2017, 10:50 »

Buenas kukuxumusu

Lo primero recomendarte que leas el siguiente enlace, entre otras cosas se comenta como incluir el código correctamente en los mensajes.

https://www.aprenderaprogramar.com/foros/index.php?topic=1460.msg7784#msg7784

El elemento "ul" debes usarlo de la siguiente forma:

Código: [Seleccionar]

<ul style="list-style-type:disc;">
	<li>Esto es un tipo de punto</li>
	<li>Esto es un tipo de punto</li>
	<li>Esto es un tipo de punto</li>
</ul>
<ul style="list-style-type:square;">
	<li>Este es otro</li>
	<li>Este es otro</li>
	<li>Este es otro</li>
</ul>
<ul style="list-style-type:circle;">
	<li>Este es otro diferente</li>
	<li>Este es otro diferente</li>
	<li>Este es otro diferente</li>
</ul>

Si solo usa "ul" lo que haces es crear una lista dentro de otra. Para que aparezcan los puntos debes usar los elementos "li".

Saludos.

kukuxumusu · « **Respuesta #2 en:** 09 de Mayo 2017, 19:22 »

Muchas gracias, Pedro, duda resuelta! Lo del código lo tendré en cuenta para la próxima ocasión

.

miguelito · « **Respuesta #3 en:** 09 de Mayo 2017, 22:40 »

a ver si te valeesto....

Código: [Seleccionar]

<html>
<head>
    <title>mi nueva web</title>
    <h1>hablado de html</h1>
</head>
<body>
<ul>
<li>item #1</li>
<li>item #2</li>
      <ul>item #1</ul>
       <ul>item #2</ul>
<li>item #3</li>
<li>item #4</li>
<li>item #5</li>
</ul>
<img src=""/>
<P> Las listas ordenadas son iguales, solo que van con una numeracion y orden logico,
     en vez de poner etiqueta (ul) (/ul) sera (ol)(/ol).Vamos con un ejemplo.</p> 
<ol>
<li>item #1</li>
<li>item #2</li>
<li>item #3</li>
<li>item #4</li>
<li>item #5</li>
</ol>
<table>
 <tr>
     <td>elemento #1</td>
     <td>elemento #2</td>
     <td>elemento #3</td>
     <td>elemento #4</td>
     <td>elemento #5</td>
 </tr>
 <tr>
     <td>elemento #1</td>
     <td>elemento #2</td>
     <td>elemento #3</td>
     <td>elemento #4</td>
     <td>elemento #5</td>
 </tr>
 <tr>
     <td>elemento #1</td>
     <td>elemento #2</td>
     <td>elemento #3</td>
     <td>elemento #4</td>
     <td>elemento #5</td>
 </tr>
</table>

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: Html. Consulta sobre listas no ordenadas ul cómo hacer que aparezcan los puntos (Leído 2333 veces)

kukuxumusu

Html. Consulta sobre listas no ordenadas ul cómo hacer que aparezcan los puntos

pedro,,

Re:Html ul style

kukuxumusu

Re:Html. Consulta sobre listas no ordenadas ul

miguelito

Re:Html. Consulta sobre listas no ordenadas ul

Preguntas y respuestas