Date post: | 11-Aug-2015 |
Category: |
Education |
Upload: | gabyfersanz |
View: | 54 times |
Download: | 1 times |
APRENDIENDO HTML
LISTAS Y TABLAS
LISTAS: El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: listas no numeradas, numeradas y de definición.
LISTAS NO NUMERADAS: Es el tipo más simple y común. <ul> y <li>
<html><head><title>Ejemplo de lista no numerada</title></head><body><h1>Lista de Verduras</h1><ul>
<li>Tomates</li><li>Papas</li><li>Lechugas</li>
</ul></body></html>
Listas numeradas: Son casi identicas a los no numeradas. <ol> <li>
<html><head><title>Ejemplo de lista numerada</title></head><body><h1>Instrucciones</h1><ol>
<li>Enchufar</li><li>Comprobar conexiones</li><li>Encender el aparato</li>
</ol></body></html>
LISTAS DE DEFINICION: Es un tipo poco común para muchos creadores de páginas web.<html><head><title>Ejemplo de lista de definición</title></head><body><h1>Definiciones</h1><dl><dt>Perro:</dt>
<dd>Animal de cuatro patas que ladra</dd><dt>Gato</dt>
<dd>Animal de cuatro patas que maulla y se lleva muy mal con el perro</dd><dt>Pescadilla</dt>
<dd>Animal que vive en el mar y está recubierto de escamas.</dd></dl></body></html>
TABLAS: Las tablas en HTML utilizan los mismos conceptos de filas, columnas, cabeceras y títulos que se utilizan en cualquier otro entorno de publicación de documentos.
Las tablas más sencillas de HTML se definen con tres etiquetas <table>,<tr> y <td>
<html><head><title>Ejemplo de Tabla sencilla</title></head><body><h1>Lista de Cursos</h1><table><tr>
<td><strong>Curso</strong></td><td><strong>Horas</strong></td><td><strong>Fecha</strong></td></tr>
<tr><td>HTML+PHP Básico</td><td>20</td><td>14 y 15 de Junio 2008</td></tr>
<tr><td>PHP+MYSQL</td><td>20</td><td>21 y 22 de Junio 2008</td></tr>
<tr><td>CSS y JAvaScript</td><td>20</td><td>28 y 29 de Junio 2008</td></tr></table></body></html>
<html><body><a href="tabla2.html"> Ir a </a><table style="height= 100%, width=100%;" border="4"><caption>Relacion de Frutas.</caption><tr><th>Frutas</th><th>Color</th></tr><tr><td>manzana</td><td>roja</td></tr><tr><td>limon</td><td>verde</td></tr><tr><td>pera</td><td>verde</td></tr><tr><td>Uva</td><td>morado</td></tr><tr><td>Melon</td><td>amarillo</td></tr><tr><td>LEchoza</td><td>pintada</td></tr></table></body></html>