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"> <!--.style1 {font-family: Verdana}.style2 {color: #FF3300} --> </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
<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
<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
<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
<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
<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