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:
- Abre tu 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.
- Escriba el siguiente código HTML:
<! DOCTYPE html>
<Html>
<Head>
<Title> Mi primera página Web </ title>
</ Head>
<Body>
<H1> Mi tabla </ h1>
<Table>
<Tr>
<Th> Código del aeropuerto </ th>
<Th> Nombre común / City </ th>
</ Tr>
<Tr>
<Td> CWA </ td>
<Td> Central Wisconsin Aeropuerto </ td>
</ Tr>
<Tr>
<Td> ORD </ td>
<Td> Chicago O'Hare </ td>
</ Tr>
<Tr>
<Td> LHR </ td>
<Td> Londres Heathrow </ td>
</ Tr>
</ Table>
</ Body>
</ Html> Guarde el archivo como table.html.
Guarde el archivo con la extensión .html. El archivo debe ser guardado en la raíz del documento.
- Vea 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 ningún fronteras alrededor. Si desea agregar bordes, seguir trabajando a través de este ejercicio. - Abrir table.html en tu editor de texto.
Si ha cerrado el editor de texto, abra de nuevo y cargar table.html.
- Cambie el código table.html a lo siguiente:
<! DOCTYPE html>
<Html>
<Head>
<Title> Mi primera página Web </ title>
</ Head>
<Body>
<H1> Mi tabla </ h1>
<Table border = "1">
<Tr>
<Th> Código del aeropuerto </ th>
<Th> Nombre común / City </ th>
</ Tr>
<Tr>
<Td> CWA </ td>
<Td> Central Wisconsin Aeropuerto </ td>
</ Tr>
<Tr>
<Td> ORD </ td>
<Td> Chicago O'Hare </ td>
</ Tr>
<Tr>
<Td> LHR </ td>
<Td> Londres Heathrow </ td>
</ Tr>
</ Table>
</ Body>
</ Html>Tenga en cuenta que el único cambio es agregar un espacio y luego border = "1" en el elemento <table>.
- 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 (Ctrl + R en Mac). Ahora verá un borde alrededor de la mesa, como se muestra aquí.
