La tabla HTML - 3
Nuevo pongamos en práctica lo que hemos discutido. Agreguemos una tabla de 500 píxeles de ancho a su archivo Template5.html. Queremos que la tabla tenga tres filas, 1 cuadro dentro de cada fila, un borde de 1 píxel de ancho y el contenido dentro de las celdas para centrarse. Después de haber creado la tabla, mueva el "Hola Mundo" dentro de la celda superior (fila 1 - celda 1). Luego mueva las etiquetas de fuente y el "Enter Here" a la celda en la segunda fila (fila 2 - celda 1). Finalmente deje la fila 3 - celda 1 vacía. Abra el archivo Template5.html en su editor de texto, agregue el siguiente código y guarde el nuevo archivo como Template6.html.

Tabla - código fuente





Hola Mundo

Entrar
aquí


Nota--La flecha indica que el código está envuelto en una segunda línea y realmente debería estar todo en una línea.

Template6.html - código fuente


Hola Mundo









Hola Mundo

Entrar
aquí




Nota--La flecha indica que el código está envuelto en una segunda línea y realmente debería estar todo en una línea.

Ahora abra Template6.html en su navegador web y eche un vistazo a su nueva tabla. Es posible que desee marcar este tutorial. Crearemos muchas tablas durante los próximos artículos. Puede continuar experimentando con la tabla agregando, eliminando y cambiando los pares de atributos / valores para cada etiqueta. Cuando haya terminado, vuelva a colocar el código en Template6.html en el código anterior y guárdelo nuevamente.

← Volver

|



Instrucciones De Vídeo: Como hacer una tabla de precios animada con HTML, CSS y JS ( Parte 3 ) (Marzo 2024).