Aca les muestro la tabla y la lista hecha con codigo html
lo que hice fuela siguiente:
<!DOCTYPE HTML PUBLIC>
<html>
<meta charset="utf-8">
<head>
<title>tabla y lista</title>
</head>
<body>
<center><h1>lista y tabla html</h1></center>
<br>
<br>
<br>
<table border="1">
<tr><th align="center" colspan="50">Titulo</th></tr>
<tr>
<th>Nombre</th><td>Cristan David</td><th colspan="2">Apellido</th><td colspan="2">Diaz Romero</td>
</tr>
<tr>
<th>Cedula</th><td>1032475837</td><th>Curso</th><td>Introduccion Web y Multimedia</td><th>facultad</th><td>Ingenieria De Sistemas</td>
</tr>
<tr>
<td colspan="6"><ol>
<li type="disc">descripcion</li>
</ol>
<dl>
<dt>aficiones</dt>
<dd>jugar</dd>
<dd>comer</dd>
<dd>deportes</dd>
</dl>
</td>
</tr>
</table>
</body>
</html>
como podemos ver usa etiqueta table con etiqueta th y td para titulos y texto , use atributos colspan border y align para acomodar las cosas
ya el resto solo es abrir y cerrar etiquetas el oreden mientras se cierren no afectan el resultado
use etiquetas ol y dl para las listas una corta lista donde use ol para el titulo descripcion , y la etiqueta dl para las aficinoes y las distintas aficiones que tengo.
cerre las etiquetas principales y haci hicimos nuestra primera tabla.
No hay comentarios.:
Publicar un comentario