Duda Basica En Html

ratagrooves · #1 (**permalink**) 27/05/2008, 17:40

HOLA ME LLAMO PABLO..Y HACE ALGUNOS DIAS EMPECE A LEER SOBRE HTML
Y DECIDI HACER UNA WEB CON LO BASICO PARA PRACTICAR. MI DUDA ES COMO PUEDO ESCRIBIR AL LADO DE UNA LISTA. POR EJEMPLO

BANDAS:

1.INCUBUS ------------------------------> ( ESCRIBIR AQUI )
2.RED HOT CHILE PEPPERS
3.PRIMUS
4.FAITH NO MORE

Eso seria. De ante mano muchas gracias.

[email protected]

VictorAndres · #2 (**permalink**) 27/05/2008, 19:55

Me llamo victor andres y este es mi primer post, la verdad no soy experto en Html, tengo poco conocimiento pero por eso creo que estamos aca para aprender :)

Referente a tu pregunta creo que seria asi:

<html>
<head><title></title>
</head>
<body>
BANDAS:
<ol type="1">
<li>INCUBUS      &nb sp;  
        &n bsp;  
        &n bsp;   Escribes aqui
<li>RED HOT CHILE PEPPERS
<li>PRIMUS
<li>FAITH NO MORE
</ol>
</body>
</html>

tiranuss · #3 (**permalink**) 28/05/2008, 10:29

Hola Pablo, creo que la mejor solución es la utilización de tablas para separar cada cosa y la utilización de input's para escribir.
Algo así:

<html>
<head>
<title></title>
</head>
<body>
BANDAS
<table border="1" >
<tr><td width="250px">
<li>INCUBUS</td><td Width="250px"><input type="text" value="Escribes aqui" style="border:none; width:250px" /></td>
</td></tr>
<tr><td width="250px">
<li>RED HOT CHILE PEPPERS</td><td Width="180px"><input type="text" value="" style="border:none; width:250px" /></td>
</td></tr>
<tr><td width="250px">
<li>RED HOT CHILE PEPPERS</td><td Width="180px"><input type="text" value="" style="border:none; width:250px" /></td>
</td></tr>
<tr><td width="250px">
<li>FAITH NO MORE</td><td Width="180px"><input type="text" value="" style="border:none; width:250px" /></td>
</td></tr>
</table>
</body>
</html>

( el valor de <table border="1"> lo puedes poner a 0 para que no se vea la tabla, asi como tambien ajustar los valores width de cada <td> segun las medidas que necesites.)

Saludos

daPhyre · #4 (**permalink**) 29/05/2008, 10:09

Personalmente, prefiero usar los PRE, ya que me resuelven el problema desde el comienzo. aquí como lo haría yo:

Código HTML:

<html>
<head>
<title></title>
</head>
<body>
BANDAS:
<pre style="boder: 1 dotted #f00;">
<ol type="1">
<li>INCUBUS				(Escribir aqui)</li>
<li>RED HOT CHILE PEPPERS</li>
<li>PRIMUS</li>
<li>FAITH NO MORE</li>
</ol>
</pre>
</body>
</html>

Le he puesto un style para que veas donde comienza el pre y como se ve, aunque puedes quitarselo. Lo que si notarás, es que escribe con una fuente distinta; esto se puede modificar facil, si gustas y te digo luego como.

Una recomendación, ya que estás apenas comenzando a aprender HTML, te recomiendo que empiezes maquetando con divs que es lo más optimo, para que luego no tengas que "reaprender", y de paso ir aprendiendo a usar CSS a la par. Mucha suerte en tu aprendizaje!