En el siguiente link encontraran como crear las tablas mostradas en la parte inferior:
Código en html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>tipos de listass</title>
</head>
<h1>Lista no ordenada</h1>
<ul><!--lista de puntos-->
<li>Primer elemento</li>
<li>Segungo elemento</li>
<li>Tercer elemento</li>
<li>Cuarto elemento</li>
</ul>
<h1>Lista ordenada 1</h1>
<ol start="3"> <!--start indica en que valor empieza la lista-->
<li>Primer elemento</li>
<li>Segungo elemento</li>
<li>Tercer elemento</li>
<li>Cuarto elemento</li>
</ol>
<h1>Lista ordenada 2</h1>
<ol reversed="" ><!--reversed la numeracion de la lista es al reves de mayor a menor-->
<li>Primer elemento</li>
<li>Segungo elemento</li>
<li>Tercer elemento</li>
<li>Cuarto elemento</li>
</ol>
<h1>Lista ordenada 3</h1>
<ol start="2", type="I"> <!--type indica si es romano, numeros o letras,(i(romanos minus), I(romanos mayus),a(letras minus), A(letras mayus), sin nada numeros)-->
<li>Primer elemento</li>
<li>Segungo elemento</li>
<li>Tercer elemento</li>
<li>Cuarto elemento</li>
</ol>
<h1>Lista de descripción</h1>
<dl><!--Lista de descripción-->
<dt>HTML</dt><!--lo que se va a describir-->
<dd>HyperText Markup Language</dd> <!--su descripción-->
<dd>En español lenguage de marcado de hipertexto</dd>
<dt>HTML</dt>
<dd>HyperText Transfer Protocol</dd>
<dt>URL</dt>
<dd>Uniform Resource Locator</dd>
</dl>
<h1>Lista anidadas</h1><!--listas dentro de otras listas-->
<ol>
<li>Primer elemento</li>
<li>Segungo elemento</li>
<ul><!--lista no ordenada dentro de una lista ordenada-->
<li>Primer subelemento</li>
<li>Segungo subelemento</li>
<li>Tercer subelemento</li>
<li>Cuarto subelemento</li>
</ul>
<li>Tercer elemento</li>
<li>Cuarto elemento</li>
</ol>
</body>
</html>
Comentarios
Publicar un comentario