Mirando los capítulos anteriores pensareis que poca cosa queda por aprender de lo básico de HTML, pero estáis bastante equivocados. Como mínimo todavía nos quedan las tablas.
Las tablas de HTML no son más que las típicas rejillas de datos (de las hojas de cálculo por ejemplo) que sirven para presentar información de una forma ordenada y clara.
Implementar tablas es bastante sencillo. Toda la tabla estará contenido dentro de los tags <TABLE> </TABLE>. Cada fila que queramos insertar la pondremos mediante <TR> </TR> y los datos de cada celda los pondremos mediante <TD> y </TD>.
Una de las gracias de las tablas de HTML es que dentro de cada celda se puede poner absolutamente lo que se quiera (textos, imágenes, objetos, lo que sea) y además las tablas tienen la particularidad que el borde por defecto no es visible ( se le ha de forzar con un border = "elnumerodepixelesdegrosorquequeramos" dentro del tag TABLE), esto nos permite tanto tener tablas con celdas dibujadas(que es lo que mostraremos abajo) como utilizar tablas para colocar los elementos dentro de nuestra web como queramos. (técnica que se ha usado durante muchos años)
Fácil?? Veamos un ejemplo.
<HTML>
<HEAD>
<TITLE> Curso de HTML desde 0. Capitulo 4 </TITLE>
</HEAD>
<BODY>
<H1> Libros de ciencia ficción </H1>
<TABLE border = "5">
<TR>
<TD>Año</TD>
<TD>Autor</TD>
<TD>Titulo</TD>
<TD>Compralo</TD>
</TR>
<TR>
<TD>1932</TD>
<TD>Aldous Huxley</TD>
<TD>Un mundo feliz</TD>
<TD> <iframe src="http://rcm-eu.amazon-adsystem.com/e/cm?
lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=lord00-21&o=30&p=8&l=as4&m=amazon&f=ifr&ref=ss_til&asins=8497594258"
style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</TD>
</TR>
<TR>
<TD>1948</TD>
<TD>George Orwell</TD>
<TD>1984</TD>
<TD> <iframe src="http://rcm-eu.amazon-adsystem.com/e/cm?
lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=lord00-21&o=30&p=8&l=as4&m=amazon&f=ifr&ref=ss_til&asins=3548234100"
style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</TD>
</TR>
<TR>
<TD>1985</TD>
<TD>Orson Scott Card</TD>
<TD>El juego de Ender</TD>
<TD> <iframe src="http://rcm-eu.amazon-adsystem.com/e/cm?
lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=lord00-21&o=30&p=8&l=as4&m=amazon&f=ifr&ref=ss_til&asins=8496581578"
style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Gráficamente se ve tal que así:
Libros de ciencia ficción
| Año | Autor | Titulo | Compralo |
| 1932 | Aldous Huxley | Un mundo feliz | |
| 1948 | George Orwell | 1984 | |
| 1985 | Orson Scott Card | El juego de Ender |
Espero que os haya gustado. Recordad que si queréis aprender tenéis que ir practicando.
Nos vemos
0 comentarios :
Publicar un comentario