Está en la página 1de 1

SHARON ANGELINA CAMERO MENDEZ ayuda exportar xls salir 

 x
estudiante (2670)

Perfil aula TECNOLOGIA E INFORMATICA


Comunicación TABLA COMPLEJA EN HTML Entregar

Comunidad
Profesor
GALVAN CASTRO, IVAN ANDRES
Academia
Materia
Aula
TECNOLOGIA E INFORMATICA 906
Fecha de publicación
Historial 13 junio 10:30
Para entregar en
En línea, martes 14 junio 11:15
Matrícula
Indicador
Reconoce el propósito de las etiquetas HTML como
código de programación para aplicar formato y diseño a un sitio web. (Identifica las
etiquetas HTML para aplicar formato y diseño a un sitio web.)

CREACIÓN DE TABLA EN HTML


Una tabla no es otra cosa más que un medio de organizar datos en filas y
columnas. Este concepto ha estado presente en nuestra sociedad por un
largo período de tiempo y ha sido adoptado por HTML en sus etapas
iniciales, como una forma de transmitir información que, de otro modo, no
sería comprendida tan fácilmente.
En documentos HTML una tabla puede ser considerada, resumidamente,
como un grupo de filas donde cada una contiene a un grupo de celdas.
Esto es conceptualmente distinto a un grupo de columnas que contiene a
un grupo de filas, y esta diferencia tendrá un impacto en la composición y
comportamiento de la tabla.
Como muchas otras estructuras de HTML, las tablas son construidas
utilizando elementos. En particular, una tabla básica puede ser declarada
usando tres elementos, a saber, table (el contenedor principal), tr
(representando a las filas contenedoras de las celdas) y td (representando
a las celdas).

EJEMPLO

Observa el siguiente video

Tablas en HTML
Compartir

Mirar en

ACTIVIDAD PRÁCTICA
Ingresa a Block de notas y realiza el siguiente ejercicio 

PRÁCTICA6:Unatablacompleja
Lacabeceradeldocumentojuntoconlaetiquetadeaperturasería:
<html>
<head>
<title>unatablacompleja</title>
chead>
2) Latablaquevamosagenerarcontienesieteceldasconunadistribuciónpocohomogénea
elcolordeltextonoesdelmismocolor.eltamañodelafuenteesdiferente,asícomolaalineación.conelobjeto
detrabajarconlamayoríadelosparámetrosquehemosvistoalolargodeltema,cambiaremos,además,elcolor
defondodeunpardeceldas.Elcuerpodeldocumentoeselsiguiente:
<body>
<tablestyle="text-align:left;width:100%;margin-left:auto;margin-right:auto;"
border="3"cellpadding="2"cellspacing="2">
<caption><spanstyle="font-weight:bold;">TITULODELATABLA</span><br>
</caption><tbody>
<tralign="center">
<thcolspan="3"rowspan="]"
style="vertical-align:top;background-color:rgb(153.255,153):"><font
size="+2*><spanstyle-"font-weight:bold;">CELDA1</span></font»br>
</th>
</tr>
<tr>
<tdcolspan="I"rowspan="2"
style-"vertical-aligm:middle;text-align:left;background-color:1gb(102,255,
255):"><font
size="+2"><panstyle="font-weight:bold;">CELDA2</span></font›</t>
<tdstyle="vertical-align:top;text-align:center;color:red;"›<font
size="+2"><spanstyle="font-weight:bold;">CELDA3</span</font/td>
<dstyle="vertical-align:top;text-align:center,"><font
size="+2*><spanstyle-"font-weight:bold;">CELDA4</span></font›</td>
‹tr
(tr>

<dstyle="vertical-align:top;text-align:center;color:red:"><font
size="+2"><spanstyle-"font-weight:bold,">CELDA5</span></font></td>
<tdcolspan="I"rowspan="2"
style="vertical-align:bottom;text-align:right;background-color:rgb(255,153,
255):"><font
size="+2"><spanstyle="font-weight:bold;"›CELDA6</span></font></td>
</tr>

<tdstyle="vertical-align:top;text-align:center,"><font
size="+2*><spanstyle-"font-weight:bold;">CELDA7</span></font›</td>
<tdstyle="vertical-align:top;text-align:center;color:red:"×font
size="+2*><spanstyle=-"font-weight:bold">CELDA8</span></font/td>
</tr>
</tbody>
</table>
</body>
</html>
3) GuardarComo practica6.html

TITULODELATABL

CRIADA

CELDA3 CELDA4
CELDA2
CELDAS
CELDAS CELDA

ENTREGA
Adjunta el archivo practica6.html como evidencia de esta actividad 
Entregar

SHARON ANGELINA CAMERO MENDEZ (14 junio 10:01)

Consultada

Español (ES) Español (LA) English Català Gallego Italiano Français Deutsch

También podría gustarte