SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
Listas en HTML
1. Ejemplo
El siguiente ejemplo muestra que etiquetas se deben usar para el uso de listas en nuestra
pagina web además agregamos listas con imágenes.
<html>
<head>
<title>Segundo taller HTML</title>
</head>
<body bgcolor="#E6E8FA">
<h4> Listas</h4>
<ul>
<li type="circle">Base de datos.</li>
<li type="square">Cibernetica.</li>
<li type="disc">robotica.</li>
<li type="circle">hipertexto.</li>
</ul>
<h4>Listas Ordenadas</h4>
<ol>
<li >Base de datos.</li>
<li >Cibernetica.</li>
<li >robotica.</li>
<li >hipertexto.</li>
</ol>
<h4>Listas Ordenadas</h4>
<ol>
<li value="20">Wap. </li>
<li >Java.</li>
<li >C++.</li>
<li >UML.</li>
</ol>
<h2>Lista con enlaces</h2>
<ol>
<li><a href="http://www.w3.org/">Word wide web</a>
<li><a href="http://www.oracle.com/index.html">Oracle</a>
<li><a href="http://www.apple.com/">Apple</a>
<li><a href="http://www.youtube.com/">youtube</a>
</ol>
<h2>Lista con imagenes </h2>
<dl>
<dt><img src="firefox.jpg">Mozilla Fire Fox
<dt><img src="chrome.jpg">Google Chrome
</dl>
2. <h2>Lista con imagenes y enlaces</h2>
<dl>
<dt>
<a href="http://www.opera.com/"><img src="opera.jpg"width="400"
height="300"alt="ir a la pagina web de opera"></a>Opera
<dt>
<a href="http://windows.microsoft.com/es-ES/internet-explorer/products/ie/home">
<img src="explorer.jpg"width="400"height="350"alt="ir a Explorer"></a>Explorer
</dl>
</body>
</html>
Como resultado el navegador muestra el siguiente ejemplo: