TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
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: