viernes, 30 de noviembre de 2012

Tipos de Tabla

  • Cree la siguiente tabla

<html>
<head>
<title>
</title>
</head>
<body>
<table border>
      <TR>
              <TD>fila 1-celda1</TD>
             <TD>fila1-celda2</TD>
             <TD>fila 1-celda3</TD>
     </TR>
     <TR>
              <TD>fila2-celda1</TD>
             <TD>fila2-celda2</TD>
             <TD>fila2-celda3</TD>
   </TR>
</table>
</body>
</html>

  • ahora vamos a variar el espesor de los borrdes,hacemos poniendo un signo= y un numero en (<table border =5>). El listado ahora debe estar asi:
<html>
<head>
<title>
</title>
</head>
<body>
<table border=6>
        <caption>Titulo de la tabla</caption>
  <TR>
         <td>fila1-celda1</td>
      <td>fila1-celda2>/
      <td>fila1-celda3</td>
    </tr>
    <tr>
            <td>fila2-celda1</td>
      <td>fila2-celda2</td>
      <td>fila2-celda3</td>
    </tr>
</table>
</body>
</html>

  • Para poner un texto... Para poner una imagen...Para poner un enlace...
<html>
<head>
<title>
</title>
</head>
<body>
<tr>
<td>Este texto esta dentro de una celda</a></td>
</tr>
      Para poner una imagen...
<tr>
<td><IMG SRC="imagen1.jpg" /></td>
</tr>
      Para poner un enlace...}
<tr>
<td><A HREF="primera.htm">Ir a la primera pagina</A></td>
</tr>
</table>
</body>
</html>

  • tabla con color de fondo. El encabezado nos quedará...
<html>
<head>
<title>
</title>
</head>
<body>
<table border=5 WIDHT=60% HEIGHT=200 BG COLOR=#00FF00">
      <CAPTION>Titulo de la tabla </caption>
   <tr>
   <th>columna 1</th>
   <th>columna 2</th>
   <th>columna 3</th>
   </tr>
   <tr>
           <TD>BGCOLOR="#0000FF">fila-celda1</TD>
     <TD>fila1-celda2</TD>
     <TD>fila1-celda3</TD>
   </tr>
   <tr>
           <TD>fila2-celda1</TD>
     <TD>fila2-celda2</TD>
     <TD>fila2-celda3</TD>
  </tr>
</table>
</body>
</html>

No hay comentarios:

Publicar un comentario