Mostrando entradas con la etiqueta Tablas.. Mostrar todas las entradas
Mostrando entradas con la etiqueta Tablas.. Mostrar todas las entradas

jueves, 30 de julio de 2015

Tablas HTML atributos

Algunos de los atributos que nos ofrece la etiqueta <table>.

  • height (Altura de la tabla en pixels o porcentaje).
  • width (Anchura de la tabal en pixels o porcentaje).
  • background (Colocar una imagen de fondo a la tabla).
  • border (Número de pixels del borde principal).
  • bgcolor (Color de fondo de la tabla).
  • bordercolor (Color del borde).
  • cellpadding (El espacio entre los bordes de la celda y el contenido en pixels).
  • cellspacing (El espacio entre los bordes en pixels).
  • align (Alinea horizontalmente la tabla).



Tablas HTML

Como hacer una tabla en HTML.
Las tablas son de gran utilidad, hay páginas web que están realizadas en una tabla.
El ejemplo que dejo es una sencilla tabla, que muestra un horario de un curso, es una tabla muy simple realizada solo con HTML, sin estilo.


La tabla se verá como la imagen.

Código HTML.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ejercicio tabla cursos</title>
</head>

<body>
<h1>Cursos</h1>

<table>
<tr>
    <td><strong>Curso</strong></td>
    <td><strong>Horas</strong></td>
    <td><strong>Horario</strong></td>
</tr>
<tr>
    <td>CSS</td>
    <td>20</td>
    <td>16:00 - 20:00</td>
</tr>
<tr>
    <td>HTML</td>
    <td>20</td>
    <td>16:00 - 20:00</td>
</tr>
<tr>
    <td>HTML5</td>
    <td>60</td>
    <td>16:00 - 20:00</td>
</tr>
</table>