TABLAS HTML

50 %
50 %
Information about TABLAS HTML

Description

VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV

TABLAS DE DATOS EN HTML Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna. Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla. Fila <tr> Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberán insertarse entre las etiquetas <table> y </table>. Por ejemplo, para crear una tabla con cinco filas escribiríamos: <table> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> <tr>...</tr> </table>

Columna o celda <td> Para crear una tabla no basta con especificar el número de filas, es necesario también especificar el número de columnas. Una celda es el resultado de la intersección entre una fila y una columna, por lo que podremos especificar el número de celdas por fila, que equivale a especificar el número de columnas por fila. Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>. Entre las etiquetas <td> y </td> se podrá especificar el contenido de cada una de las celdas

MATERIA CURSO INGLES SEGUNDO FISICA TERCERO Ejemplo : Diseñar en HTML la siguiente tabla : <table border="1"> <tr> <td>MATERIA</td> <td>CURSO</td> </tr> <tr> <td>INGLES</td> <td>SEGUNDO</td> </tr> <tr> <td>FISICA<td> <td>TERCERO</td> </tr> </table>

Atributo Significado Posibles valores width ancho de la tabla un número, acompañado de % cuando se desee que sea en porcentaje height altura de la tabla un número, acompañado de % cuando se desee que sea en porcentaje cellpadding espacio entre el contenido de las celdas y el borde un número cellspacing espacio entre celdas un número border grosor del borde un número align alineación de la tabla dentro de la página left (izquierda) right (derecha) center (centro) bgcolor color de fondo número hexadecimal background imagen de fondo número hexadecimal bordercolor color del borde número hexadecimal ATRIBUTOS DE UNA TABLA

Por ejemplo, para modificar la tabla anterior para que quedase como la siguiente: MATERIA CURSO INGLES SEGUNDO FISICA TERCERO Habría que escribir: <table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" bgcolor="#FFCC99"> ... …… </table> Con esto indicamos que el ancho (width) de la tabla debe ocupar el 50% del ancho de la ventana , que el borde (border) tiene un grosor de dos píxeles (es más ancho que las separaciones internas de la tabla que tienen grosor 1), que la tabla está alineada al centro (center) de la ventana, que no hay espacio entre las celdas (cellspacing="0"), que el borde la tabla es negro (#000000) y el fondo naranja (#FFCC99).

Encabezado de columna <th> Las etiquetas <td> y </td> se utilizan para definir las celdas de cada una de las filas, pero podemos poner en su lugar las etiquetas<th> y </th>. Para la etiqueta <th> es posible especificar los mismos atributos que para la etiqueta <td>, pero esta nueva etiqueta hace que el texto de la celda aparezca centrado y en negrita, por lo que se utiliza para definir los encabezados o títulos de las columnas. Por ejemplo, si escribiéramos el siguiente código: <table width="50%" border="1" align="center"> <tr> <th>MATERIA</td> <th>CURSO </td> </tr> <tr> <td>INGLES</td> <td>SEGUNDO</td> </tr> <tr> <td>FISICA<td> <td>TERCERO</td> </tr> </table>

MATERIA CURSO INGLES SEGUNDO FISICA TERCERO LA TABLA QUEDARÍA :

<table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" bgcolor="#FFCC99"> <tr align="center" bgcolor="#0099CC">

PROVINCIA CAPITAL CIUDAD PICHINCHA QUITO PANECILLO GUAYAS GUAYAQUIL DAULE TUNGURAHUA AMBATO CEVALLOS PRACTICA GENERAR LA SIGUIENTE TABLA EN HTL . INSERTE LA TABLA EN UNA PAGINA WEB CUALQUIERA

Add a comment

Related presentations

Related pages

HTML Tables - W3Schools

Well organized and easy to understand Web bulding tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.
Read more

Tablas en HTML - HTML tutorials and reference

Tablas en HTML. Este tutorial presenta el concepto de tabla y analiza su estructura y algunas de sus propiedades más básicas. Se enfoca escencialmente en ...
Read more

Tabla

Tabla - indische Perkussionstrommeln. Home Kontakt Links Sitemap Shop. Tabla Gharanas. Tabla Bols. Tabla-Spieler ...
Read more

Tablas - india-instruments.de

Die Tabla, das populärste indische Percussion-Instrument, ist ein unglaublich vielseitiges Paar aus bauchigem Bass (Bayan) und hoch gestimmtem Holz (Dayan).
Read more

Chicago's Premier Steak House - Las Tablas

Las Tablas Colombian Steakhouse is a family owned and operated establishment founded in 1991, at that time, Colombian food was virtually unknown in Chicago
Read more

HTML Tag - W3Schools

Definition and Usage. The

tag defines an HTML table. An HTML table consists of the
element and one or more ,
, and elements.
Read more

GUÍA HTML - elaborar y gestionar tablas HTML

www.htmlpoint.com - guida all'HTML avanzato ... En este caso, la anchura de la tabla será distinta según sea la resolución del vídeo del usuario.
Read more

Tablas - sibuyan.net

aktualisiert am 17.02.2012 durch bk. Bildergalerie Tablas
Read more

Billigflüge nach Tablas bei Skyscanner

Günstige Flüge nach Tablas mit Skyscanner. Finden Sie schnell und einfach alle Flüge nach Flughafen Tablas. Direkt und ohne zusätzliche Gebühren buchen.
Read more

Tablas - sibuyan.net

aktualisiert am 17.02.2012 durch bk. Agoho
Read more