martes, 8 de diciembre de 2015

Formatos de tablas en HTML

Cuando realicé la actividad 4, el código que me daban incluía elementos de CSS, se trataba de la etqueta <style> y se ubicaba dentro de <head>, era así:

<style>

table, tr, th, td {

border: 1px solid black;

}

</style>

Esas líneas de código eran las encargadas de hacer que la tabla se viera linda y ordenada con sus líneas. Sin embargo al copiar al blog la tabla no pude incluir esa parte porque no estaba dentro de lo visible y el editor HTML de blogger simplemente me desaparecía esas líneas.

Así que me di a la tarea de ver cómo colocar las líneas sin necesidad de CSS, con puro HTML. Pues bien, en esta página encontré la información que buscaba. Y haciendo uso de los atributos de la etiqueta <table>, pude hacer que me quedara más ordenada la dichosa tablita.

Concretamente los atributos que utilicé fueron border (para el grosor), frame (para el borde externo) y rules (para líneas internas) Colocados en el editor de HTML de blogger quedaron así:

<table border="2" frame="border" rules="all">

Hay otros atributos, y sé que el CSS es mucho más recomendable para embellecer la presentación de la página, pero dado que aún no aprendo bien CSS (lo poco que sé lo aprendí de manera empírica) creo que estas etiquetas pueden ser de ayuda.

lunes, 7 de diciembre de 2015

Tablas

Estuve practicando las tablas en HTML. Es bastante pesado eso de colocar la etiqueta <td>...</td> al menos manualmente, como en el ejercicio propuesto en la actividad 4.5, sin embargo sé que en los diferentes editores hay medios mucho más fáciles para llevar a cabo semejante labor.

De todos modos.es algo que pienso probar más adelante. Por ahora les comparto mis resultados de la actividad 4.5 del módulo de desarrollo Web:

El desempleo en España

La siguiente tabla muestra la evolución del desempleo en España, comparado con la media de los 27 países de la Unión Europea, Grecia, que compite con España en ser el primero en esta vergonzosa competición y Estados Unidos y Japón, dos de las primeras economías mundiales.

País	2000	2001	2002	2003	2004	2005	2006	2007	2008	2009	2010	2011	2012	2013
UE (27 países)	8.9	8.7	9	9.1	9.3	9	8.2	7.2	7	9	9.6	9.6	10.4	10.8
España	11.9	10.6	11.5	11.5	11	9.2	8.5	8.2	11.3	17.9	19.9	21.4	24.8	26.1
Grecia	11.2	10.7	10.3	9.7	10.6	10	9	8.4	7.8	9.6	12.7	17.9	24.5	27.5
Estados Unidos	4	4.8	5.8	6	5.5	5.1	4.6	4.6	5.8	9.3	9.6	8.9	8.1	7.4
Japón	4.7	5	5.4	5.3	4.7	4.4	4.1	3.9	4	5.1	5.1	4.6	4.3	4

Fuente: Índice de desempleo anual, Eurostat

P.D. Como bien saben escribí este posteo usando la redacción en HTML, y me di con la sorpresa de que las etiquetas <td> y </td> no se mostraban cuando las escribía, así que tuve que regresar al modo normal para colocarlas.

P.D.P.D. Eso y el hehco de que me cambie la etiqueta <p> por <br /> es lo único que me molesta... Por ahora tengo el reto de averiguar como colocar os bordes en HTML sin usar el CSS que me daba el ejercicio.