CREACIÓN DE TABLAS EN HTML

Tamaño: px

Comenzar la demostración a partir de la página:

Download "CREACIÓN DE TABLAS EN HTML"

Manuel Zúñiga Araya
hace 6 años
Vistas:

L7 DAW HERRAMIENTA DE DESARROLLO GUARDAR COMPARTIR CREACIÓN DE TABLAS EN

Analiza por partes los diferentes bloques.

<html> <head> <title>constantino Solis Quinteros - Lección 7</title> <style

style2 {color: #FF3300} --> </style> </head> <body> <h1 align="center"

1 L7 DAW HERRAMIENTA DE DESARROLLO GUARDAR COMPARTIR CREACIÓN DE TABLAS EN HTML Código utilizado Copia y pega el siguiente código en Notepad++. Analiza por partes los diferentes bloques. Finalmente sube a la carpeta compartida de Dropbox. <html> <head> <title>constantino Solis Quinteros - Lección 7</title> <style type="text/css">  </style> </head> <body> <h1 align="center" class="style1">lección 7, Uso de tablas</h1> <p align="center" class="style1">este es un ejemplo de una tabla vacía, centrada, de dos renglones por tres columnas y ancho 300.</p>!1

2 <p align="center"> </p> <p align="center" class="style1">este es un ejemplo de una tabla vacia, centrada, de dos renglones por tres columnas, ancho 400, y dos celdas combinadas en forma horizontal.</p> <table width="400" border="1" align="center"> <td colspan="2"> </td> <p align="center" class="style1">este es un ejemplo de tabla vacía, centrada, de dos renglones por tres columnas, ancho 300, y dos celdas combinadas en forma vertical.</p>!2

3 <td rowspan="2"> </td> <p align="center" class="style1">este es un ejemplo de tabla vacía, centrada, de dos renglones por tres columnas, ancho 300, y con una celda con relleno de color.</p> <td bgcolor="#99cc00"> </td> <p align="center" class="style1">este es un ejemplo de tabla con contenido centrado y aplicando estilo </p>!3

4 <td class="style1"><div align="center">r1,c1</div></td> <td class="style1"><div align="center">r1,c2</div></td> <td class="style1"><div align="center">r1,c3</div></td> <td class="style1"><div align="center">r2,c1</div></td> <td class="style1"><div align="center">r2,c2</div></td> <td class="style1"><div align="center">r2,c3</div></td> <p align="center" class="style1">este es un ejemplo de tabla con contendio alineado a la izquierda, aplicando estilo, y color de fondo </p> <td bgcolor="#ffcc00" class="style1"><div align="left">r1,c1</div></td> <td bgcolor="#ffcc00" class="style1"><div align="left">r1,c2</div></td> <td bgcolor="#ffcc00" class="style1"><div align="left">r1,c3</div></td> <td bgcolor="#ffcc00" class="style1"><div align="left">r2,c1</div></td> <td bgcolor="#ffcc00" class="style1"><div align="left">r2,c2</div></td> <td bgcolor="#ffcc00" class="style1"><div align="left">r2,c3</div></td>!4

5 <p align="center" class="style1">este es un ejemplo de tabla con contenido alineado a la izquierda, aplicando estio, con color de fondo y texto de color</p> <td bgcolor="#99ff66" class="style1"><div align="left" class="style2">r1,c1</div></td> <td bgcolor="#99ff66" class="style1"><div align="left" class="style2">r1,c2</div></td> <td bgcolor="#99ff66" class="style1"><div align="left" class="style2">r1,c3</div></td> <td bgcolor="#99ff66" class="style1"><div align="left" class="style2">r2,c1</div></td> <td bgcolor="#99ff66" class="style1"><div align="left" class="style2">r2,c2</div></td> <td bgcolor="#99ff66" class="style1"><div align="left" class="style2">r2,c3</div></td> <p align="center" class="style1">este es un ejemplo de tabla con diferentes anchos de columna</ p> <table border="1" align="center"> <td width="50"> </td> <td width="100"> </td> <td width="100"> </td>!5

6 <p align="center" class="style1"> </p> <p align="center" class="style1"> </p> <p align="center" class="style1"> </p> </body> </html> Su siguiente actividad es la Evidencia 2!6

Documentos relacionados

TABLE. La etiqueta general, que engloba a las siguientes.

TABLE. La etiqueta general, que engloba a las siguientes. TABLE La etiqueta general, que engloba a las siguientes. TR TD En el siguiente nivel, dentro de TABLE, están las etiquetas para formar cada fila de la tabla. Hay que repetirlas tantas veces como filas