UNIVERSIDAD ABIERTA PARA ADULTOS

(UAPA).

Participante:
Ericson Reyes Aracena.
Matricula:
17-0045.
Facilitador:
Joan Tejada Caba.
asignatura:
Desarrollo de Aplicaciones Web.
Tarea:
2.

Santiago, 20/05/2020.
 Introduccion:

A continuación, veremos y aprenderemos como se crea una tabla, viendo sus

etiquetas principales e importantes para su creación, tambien aprenderemos
las diferentes metodologías que las componen y conoceremos varios atributos
que ayudan a modificar dichas tablas.

Todo esto nos dará un conocimiento fundamental y entender las tablas de

HTML.
1-Investiga en la web acerca de la creación de tablas en HTML, ventajas y
desventajas. 

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
elemento o etiquetas. En particular, una tabla básica puede ser declarada
usando 4 elementos, las cuales son: <table>: que es el contenedor principal,
<tr>: representando a las filas contenedoras de las celdas y <th>: para el
encabezado de cada fila y <td>: representando a las celdas. Por ejemplo:

<table>

<tr>

<th>Curso</th>

<th>Horas</th>

<th>Horario</th>

</tr>

<tr>

<td>CSS</td>

<td>20</td>

<td>16:00 - 20:00</td>

</tr>

<tr>

<td>HTML</td>
<td>20</td>

<td>16:00 - 20:00</td>

</tr>

<tr>

<td>Dreamweaver</td>

<td>60</td>

<td>16:00 - 20:00</td>

</tr>

</table>

Etiquetas principales para crear una tabla básica en HTML:

<table>: se emplea para definir tablas de datos.

<tr>: se emplea para definir cada fila de las tablas de datos.

<td>: se emplea para definir cada una de las celdas que forman las filas de una
tabla, es decir, las columnas de las tablas.

<th>: se emplea para definir las celdas que son cabecera de una fila, es decir,
las columnas de las tablas.

<caption>: se emplea para definir la leyenda o título de una tabla.

<tfoot>: define el pie de la tabla.

Entre otras etiquetas que pueden darle una estructura y un diseño moderno.
2-Explica si existe otra metodología que sustituyas las tablas, y muestra
ejemplo de esta y de HTML. 
Unificación de celdas.

En algunas ocasiones, puede ser necesario unificar dos o más celdas en una
sola que pasará a ocupar el lugar de aquellas afectadas. Estas unificaciones
pueden ser llevadas a cabo con los atributos rowspan para unificación vertical
y colspan para unificación horizontal.

Unificación horizontal con colspan.

El atributo colspan extiende tantas celdas a la derecha como le indiquemos,

contando la celda actual. Por ejemplo:

Unificación vertical con rowspan.

El atributo rowspan expande las celdas que sea necesarias hacia abajo,
contando la celda actual. Por ejemplo.

Espaciado entre celdas, cellspacing.

controla el espaciado entre los bordes de cada una de las celdas de la tabla.
Por ejemplo:

Copie las fotos que ve como ejemplo de lo que hace estos atributos y etiquetas, ya
que aún no tengo mucha experiencia en desarrollo web.
3- Realiza una tabla comparativa de las tablas, Puntos a favor y en contras.
Punto a favor. punto en contra.

los datos de presentación se mezclan

Son fácil de crear ya que con solo
con tu contenido Esto hace que los
tres etiquetas puedes crear una tabla
archivos de tus páginas sean
básica.
innecesariamente pesados, ya que
los usuarios deben bajar estos datos
de presentación por cada página que
visitan.

En los años 90 eran muy usadas y
modernas para mostrar productos de
tiendas online como Amazon, EBay,
etc. aunque hoy en dia sigue siendo
muy usado.
Las páginas basadas en tablas son
también mucho menos accesibles
para los usuarios que padecen
incapacidades y para las personas
que utilizan teléfonos celulares y PDA
para acceder a la Web.

Sirven para ordenar nuestros datos. La Banda ancha no es gratuita Esto

hace que los rediseños de los sitios y
contenido existentes requieran
mucha mano de obra y sean muy
costosos. Además, hace que la
consistencia visual de todo un sitio
sea extremadamente difícil de
alcanzar y muy costosa.

4- Justifica con cual metodología te quedas.

En mi opinión me quedaría con la metodología de colspan y rowspan ya que
con estos atributos puedo arreglar las celdas de contenido de la forma en que
quiera hacerlo o sea necesario dependiendo el caso, además era muy utilizado
en los 90 para paginas de tiendas online donde vemos los diferentes productos
que vendían.
 Conclusion:

En conclusion las tablas desde sus inicios han tenido un papel fundamental en
la estructura de HTML el cual acido y sigue siendo muy utilizado en las paginas
web estas tablas desde hace años no solo han organizado nuestros datos, sino
tambien que ayudaron a darle estilo a las ventas de productos desierto tipos de
empresa como eBay, Amazon, Apple etc. tambien estas tablas han ayudado
ha separar contenidos educativos entre otras cosas.
Tambien hemos aprendido las diferentes formas de modificar nuestras tablas y
las etiquetas principales que componen una tabla en HTML.

Bibliografía:
https://www.htmlquick.com/es/tutorials/tables.html
https://uniwebsidad.com/libros/xhtml/capitulo-7/tablas-basicas?from=librosweb
https://www.aulaclic.es/html/t_6_4.htm
https://uniwebsidad.com/libros/xhtml/capitulo-7/tablas-basicas?from=librosweb