Pasos para elaborar Tablas en HTML Para empezar crearemos una tabla sencilla de dos filas y dos elementos. Vayamos por pasos: 1.En primer lugar ponemos.

Presentación del tema: "Pasos para elaborar Tablas en HTML Para empezar crearemos una tabla sencilla de dos filas y dos elementos. Vayamos por pasos: 1.En primer lugar ponemos."— Transcripción de la presentación:

1 Pasos para elaborar Tablas en HTML Para empezar crearemos una tabla sencilla de dos filas y dos elementos. Vayamos por pasos: 1.En primer lugar ponemos la instrucción de inicio y fin de la etiqueta TABLE dejando un espacio entre ellas para insertar posteriormente el resto de etiquetas:...Otras etiquetas...

2 Pasos para elaborar Tablas en HTML 2. A continuación insertamos las filas. La tabla que nos hemos propuesto crear consta de dos filas. Por tanto debemos usar la etiqueta TR dos veces. Lo que insertemos en la primera (entre la instrucción de inicio y la instrucción de fin) será el contenido de la primera fila y lo que insertemos en la segunda será el contenido de la segunda fila:

3 Pasos para elaborar Tablas en HTML 3. Definir el contenido de cada fila. la tabla tiene dos columnas en cada fila debemos insertar dos celdas en cada una. Como hemos explicado antes, para crear una celda debemos usar la etiqueta TD. Entre la instrucción de inicio y la instrucción de fin de está etiqueta será donde insertaremos el verdadero contenido de la tabla. En este primer ejemplo sencillo será simplemente texto, pero puede ser cualquier otro elemento web como imágenes o listas. escribir el siguiente código: Columna1 Columna2

4 Borde de las tablas El siguiente paso en el aprendizaje de las tablas consiste en añadirles un borde. Esto es tan sencillo como añadir un nuevo atributo a la instrucción de inicio de la etiqueta TABLE. El atributo del que hablamos es BORDER, que significa borde en inglés. Este atributo puede tomar un valor en pixeles que representa el grosor del borde a mostrar. Si incluimos BORDER sin ningún valor es equivalente a BORDER="1" Repitamos el segundo de los ejemplos vistos antes pero añadiéndole un borde de grosor 5.

5 Borde de las tablas El siguiente paso en el aprendizaje de las tablas consiste en añadirles un borde. Esto es tan sencillo como añadir un nuevo atributo a la instrucción de inicio de la etiqueta TABLE. El atributo del que hablamos es BORDER, que significa borde en inglés. Este atributo puede tomar un valor en pixeles que representa el grosor del borde a mostrar. Si incluimos BORDER sin ningún valor es equivalente a BORDER="1" Repitamos el segundo de los ejemplos vistos antes pero añadiéndole un borde de grosor 5.