¡Ebichu dice!
Historia
Una suave y cálida brisa refresca a los viajeros y caminantes que pasan por éste gran Imperio. Los cerezos florecen, apenas está empezando la primavera y ellos danzan ansioso por mostrar su belleza a todo el que quiera observarlos. La civilización se consuma entre las guerras, los emperadores y las muertes de tanta gente inocente y no tanto. Así se caracteriza el comienzo de la era Tokugawa o Edo, donde destará no sólo por las guerras y el nuevo orden, sino por ésta tendencia en aumento de conseguir esclavos en todos lados. Y entre todo esto, muchas personas toman ventaja de la situación y se especializan en el comercio.
En época en que la guerra y la expansión del imperio es inminente, la dictadura y el poco trato con extranjeros o su mismo desagrado hacia todo lo que no es japonés. Pero, siempre se encuentra la ventaja para vender personas o seres con características maravillosas, como cola y orejas. Algunos, poderosos, se resisten, pero, ya se las han ingeniado para atraparlos sin romperse una uña. Otros, es más fácil conseguirlos, por deudas, apuestas y hasta como rehenes de guerra también, entran al mercado sin ningún problema. Y hay mucha gente que compra esclavos o "mascotas" también llamados pets, entre la jerga comercial. Cotizan muy bien en el mercado y todos están deseosos de tener uno o más de uno. Se los puede comprar de manera legal en muchas tiendas que se dedican a venderlos muy caros pero que los tienen más "presentables". Sin embargo, también se los puede comprar de contrabando (a veces, son simplemente secuestrados y vendidos), aunque se dice que los jóvenes que viven aquí, pasan las peores penurias y no llegan "en buen estado" a manos de sus amos.
Únete a ésta historia, donde la magia, la crueldad y quien sabe, quizás el amor, van tomados de la mano.
Actividades

Foros Hermanos
Crear foroCrear foroCrear foro
Afiliados élite

Tablas en HTML

Ver el tema anterior Ver el tema siguiente Ir abajo

Tablas en HTML

Mensaje por Soah el Sáb Ene 16, 2016 3:23 am

¡Hola a todos! ¿Cómo están? Espero que muy bien <3 vengo de nuevo a hacer un aporte a esta zona para que puedan agregar cosas a sus tablillas. En esta ocasión, aprenderemos a hacer columnas y filas. Lo que se vería de resultado final de esta manera:  
 
 


 
 
 

Celda 1Celda 2Celda 3
Celda 4Celda 5Celda 6


es el atributo general para tabla
es para cada una de las filas que queramos agregar.
Y le podemos agregar todos los atributos que queramos. Vamos a ir con algo sencillito:

es para cada una de las celdas
       
Celda 1
Celda 2
Celda 3
Celda 4
Celda 5
Celda 6


Por supuesto, ustedes podrán hacerlo a gusto y piachere luego de terminar de leer y poner en practica todo.

Empezamos con los atributos básicos para la tabla:

es un atributo que nos funcionará al igual que el div style. Simplemente, pueden comenzarlo con un table o agregar atributos dentro. El que yo mostré de ejemplo arriba, no tiene ningún agregado, más, siempre se puede usar como un:

Código:
<table style=atributos que quieran agregar"></table>

Código:
<table> <tr>   <td>Celda 1</td>
   <td>Celda 2</td>
   <td>Celda 3</td>
 </tr>
 <tr>
   <td>Celda 4</td>
   <td>Celda 5</td>
   <td>Celda 6</td>
 </tr>
</table>

Recuerden que siempre deben abrirlo y cerrarlo o la tabla no se creará.

Para hacer las ccolumnas contamos con es la cantidad de filas que tenemos.

Vamos a hacerlo más gráfico para que se entienda. Siempre tendremos un tr porque siempre hay una fila al menos, entonces, para hacer nuestro código, empezamos con

Código:
<table></table>

Ahora, vamos a agregar filas para continuar con la tabla ¿verdad? El código nos iría quedando de la siguiente manera:

que indicara la cantidad de columnas que tendremos mientras que

Si se fijan bien, en el código de arriba agregamos dos filas. Yo haré una tablita sencilla con dos filas y dos columnas, lo que nos quedaría de la siguiente manera, pues, dentro del tr, agregamos el td:

Código:
<table><tr><td>Celda</td><td>Celda</td></tr><tr><td>Celda</td><td>Celda</td></tr></table>
CeldaCelda
CeldaCelda

¿No es tan difícil, no? Si queremos agregar más columnas, sólo es cuestión de agregar más td en medio y ya.

CeldaCeldaCelda
CeldaCelda

Y si, vamos terminando. Si quieren, se puede agregar atributos dentro de la celda. Pueden hacerlo desde el table que explique antes o simplemente, si quieren hacerlo más 'surtido' o más especifico, pueden hacerlo directamente, con el div de celda en celda. Lo que se vería de la siguiente manera:

Celda
CeldaCelda
CeldaCelda
Código:
<table><tr><td><div style="background:#89acfc;">Celda</div></td><td>Celda</td><td>Celda</td></tr><tr><td>Celda</td><td>Celda</td></tr></table>

Y ya que tenemos el div, se trabaja de la misma manera que hemos visto en otros tutoriales —que invito a que repasen— pues, se les puede agregar imágenes, bordes, colores, fonts, etc. Queda a imaginación de cada uno de ustedes.

Creo que eso ha sido todo por ahora. Por supuesto, si tienen alguna duda o se les complica en algo la explicación, no duden en preguntar.

Bye!


   

Espacio publicitario (?):


Fin del espacio publicitario (?):



   

Gracias Aiko, te quedó preciosa <3

   

Gracias Anie <3


Gracias Nana <3






Unicornios
avatar
Mensajes : 3782
Ingreso : 28/04/2014
Edad : 26

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.