Cómo crear una tabla HTML

Al crear 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:

  1. Abre tu editor de texto.

  2. 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.

    imagen0.jpg
  3. Escriba el siguiente código HTML:

    Mi primera página web

    Mi tabla

    Código del aeropuertoNombre Común / Ciudad
    CWACentral Wisconsin Aeropuerto
    ORDChicago O'Hare
    LHRLondres Heathrow
  4. Guarde el archivo como table.html.

    Guarde el archivo con un .html extensión. El archivo debe ser guardado en la raíz del documento.

    image1.jpg
  5. 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.

    image2.jpg

    Observe que la tabla no tiene ningún fronteras alrededor. Si desea agregar bordes, seguir trabajando a través de este ejercicio.

  6. Abrir table.html en tu editor de texto.

    Si ha cerrado el editor de texto, abra de nuevo y carga table.html.

  7. Cambie el código table.html a lo siguiente:

    Mi primera página web

    Mi tabla

    border = "1">Código del aeropuertoNombre Común / CiudadCWACentral Wisconsin AeropuertoORDChicago O'HareLHRLondres Heathrow

    Tenga en cuenta que el único cambio es para agregar un espacio y después border = "1" dentro de

    elemento.

  8. Actualizar table.html en su navegador.

    Si ha cerrado el navegador, volver a abrirlo e ir a http: //localhost/table.html. Si tu navegador está todavía abierto, pulse Ctrl + R para actualizar la página (Ctrl + R en Mac). Ahora verá un borde alrededor de la mesa, como se muestra.

    image3.jpg