Cómo crear una tabla html
Cuando está creando páginas web, lo que necesita saber cómo añadir varios tipos de datos y elementos, incluyendo tablas. Para crear una página web con una tabla, siga estos pasos:
Abra su editor de texto.
En el editor de texto, cree un nuevo documento de texto.
La mayoría de los editores de texto se abrirá con un documento en blanco o vacío, para empezar. Si tienes algo en el documento, desactivarla antes de continuar.
Video: Curso Basico de CSS // 7.Tablas
Ingrese el código HTML siguiente:
Mi primera página web Mi mesa
| Código del aeropuerto | Nombre Común / Ciudad |
|---|---|
| CWA | Aeropuerto Central Wisconsin |
| ORD | Chicago O`Hare |
| LHR | Londres Heathrow |
Guarde el archivo como table.html.
Video: CURSO HTML | CREAR TABLAS - PARTE 1
Guarde el archivo con una .html extensión. El archivo debe ser guardado en la raíz del documento.
Ver el archivo en su navegador.
Abra su navegador web y escriba http: //localhost/table.html en la barra de direcciones. Si lo hace, se mostrará una página como ésta.
Observe que la tabla no tiene ninguna frontera alrededor de ella. Si desea añadir bordes, seguir trabajando a través de este ejercicio.
table.html abierta en el editor de texto.
Si ha cerrado su editor de texto, abra de nuevo y la carga table.html.
Cambiar el código en table.html a lo siguiente:
Mi primera página web Mi mesa
border ="1"gt;Código del aeropuerto Nombre Común / Ciudad CWA Aeropuerto Central Wisconsin ORD Chicago O`Hare LHR Londres Heathrow
Tenga en cuenta que el único cambio es para añadir un espacio y luego border =”1" dentro del elemento.
Actualizar table.html en su navegador.
Si ha cerrado el navegador, volver a abrirlo e ir a http: //localhost/table.html. Si su navegador está todavía abierto, pulse Ctrl + R para actualizar la página (Comando + R en Mac). Ahora se ve un borde alrededor de la mesa, como se muestra aquí.
