<html>
<head>
<title>Prueba de vinetas y listas numeradas</title>
</head>
<body bgcolor="#336666" text="#FF6600">
<h3>
<!-- Este marcador se usa para escribir comentarios-->
<!-- La siguiente es una lista de ciudades -->
<ul>
<li>Bogota</li>
<li>Caracas</li>
<li>Lima</li>
</ul>
<!-- La misma lista con vinetas cuadradas -->
<ul>
<li type=square>Bogota</li>
<li type=square>Caracas</li>
<li type=square>Lima</li>
</ul>
<!-- La misma lista con vinetas circulos rellenos -->
<ul>
<li type=disc>Bogota</li>
<li type=disc>Caracas</li>
<li type=disc>Lima</li>
</ul>
<!-- La misma lista con vinetas circulos vacios -->
<ul>
<li type=circle>Bogota</li>
<li type=circle>Caracas</li>
<li type=circle>Lima</li>
</ul>
<!-- Ahora una lista ordenada -->
<ol>
<li>Bogota</li>
<li>Caracas</li>
<li>Lima</li>
</ol>
<!-- Ahora una lista ordenada con muneros romanos mayuscula-->
<ol>
<li type=I>Bogota</li>
<li type=I>Caracas</li>
<li type=I>Lima</li>
</ol>
<!-- Ahora una lista ordenada con muneros romanos minuscula-->
<ol>
<li type=i>Bogota</li>
<li type=i>Caracas</li>
<li type=i>Lima</li>
</ol>
<!-- Ahora una lista ordenada con letras mayusculas-->
<ol>
<li type=A>Bogota</li>
<li type=A>Caracas</li>
<li type=A>Lima</li>
</ol>
<!-- Ahora una lista ordenada con letras minusculas-->
<ol>
<li type=a>Bogota</li>
<li type=a>Caracas</li>
<li type=a>Lima</li>
</ol>
<!-- Ahora una lista ordenada comenzando en 6-->
<ol>
<li value=6>Bogota</li>
<li>Caracas</li>
<li>Lima</li>
</ol>
</h3>
</body>
</html>
lunes, 31 de marzo de 2008
jueves, 27 de marzo de 2008
Ejemplo de Creacion de tablas e imagenes
<html>
<head>
<title>Prueba de tablas</title>
</head>
<body bgcolor="#336666" text="#FF6600">
<center>
<table border="5" bordercolor="#ffffff" borderlight="#6600ff" borderdark="#000000" width="80%">
<th colspan="3">
mi directorio
</th>
<tr>
<td>nombre</td>
<td>direccion</td>
<td>foto</td>
</tr>
<tr>
<td>Pamela</td>
<td>2</td>
<td><img src="imagenespamela.jpg" align="right"></td>
</tr>
<tr>
<td>4</td>
<td><img src="imagenespamela.jpg" align="middle"></td>
<td><center><img src="imagenesshakira.jpg" align="top"></center></td>
</tr>
</table>
</center>
</body>
</html>
<head>
<title>Prueba de tablas</title>
</head>
<body bgcolor="#336666" text="#FF6600">
<center>
<table border="5" bordercolor="#ffffff" borderlight="#6600ff" borderdark="#000000" width="80%">
<th colspan="3">
mi directorio
</th>
<tr>
<td>nombre</td>
<td>direccion</td>
<td>foto</td>
</tr>
<tr>
<td>Pamela</td>
<td>2</td>
<td><img src="imagenespamela.jpg" align="right"></td>
</tr>
<tr>
<td>4</td>
<td><img src="imagenespamela.jpg" align="middle"></td>
<td><center><img src="imagenesshakira.jpg" align="top"></center></td>
</tr>
</table>
</center>
</body>
</html>
Suscribirse a:
Entradas (Atom)