logo 3con14 html cod
html5
  • HTML
  • Introducción
  • Elementos
  • Textos
  • Enlaces
  • Listas
  • Imágenes
  • Tablas
  • Formularios
  • TAREAS
 
 
icon html5
icon css3
mlogo 3con14 html cod

  • Inicio
  • Tablas
  • Tablas básicas

Tablas básicas

Las tablas se usan para mostrar datos tabulados (formato de filas y columnas), tipo una hoja de cálculo.

Las tablas NO deben usarse para maquetar una Web.

tabla1

La etiqueta table ... /table es el contenedor de la tabla y por tanto las filas y columnas de una tabla deben estar dentro de este par de etiquetas.

Mientras que tr ... /tr es una fila y td ... /td es una celda dentro de una fila.

Resumiendo:

table ... /table: contenedor de la tabla, dentro van todos los tr que a su vez contienen los td.

tr ... /tr : table-row es una fila horizontal y dentro van todos los td.

td ... /td: table-data porque solamente aquí van los datos de la tabla.

Ejemplo de tabla con una sola celda:

<table>
    <tr>
        <td>Hola mundo</td>
    </tr>
</table>

Las tablas, por defecto, no muestran las líneas que dan forma a la tabla. Tenemos que darles forma con CSS.

 

  • Siguiente

Tablas

  • Listas básicas
  • Listas de definición

Recursos

  • Visual Studio code
  • Sublime Text
  • Prepros

codepen

uniwebsidad

overapi

w3schools

mdn

Teoría ...

🟢 Guías

🟢 Guías

  • LibrosWeb HTML
  • HTML CheatSheet
  • Vocabulario HTML
  • Guía HTML5 y HTML
  • Chuleta HTML5
  • OverApi
  • Emmet
🟢 Tarjetas

🟢 Tarjetas

  • HTML5 (Veign)
  • XHTML (Schmitz)
  • CSS3 (Veign)
  • CSS3 (GoSquared)
  • CSS2 (Veign)
  • CSS (GoSquared)
  • CSS (Pxleyes)
  • Color (Veign)
  • Color

Licencias ...

3con14─LAB 1998 - 2021
www.3con14.biz
(cc) Jesús Plaza M.
─ Otros Reconocimientos ─

Visitas ...

Hoy ... 10

Ayer ... 18

Week 66

Mes ... 250

TOTAL ... 91943

  • HTML
  • Introducción
  • Elementos
  • Textos
  • Enlaces
  • Listas
  • Imágenes
  • Tablas
  • Formularios
  • TAREAS