15 de febrero de 2021

Hacemos una tabla y la decoramos con CSS

 Vamos a hacer una tabla con HTML ya que no hay otra forma de hacerlo con Blogger.

Se debe incluir una tabla en al menos una de las entradas.

Por ejemplo, los diez primeros números en cuatro idiomas.

tenemos que usar tres etiquetas <table> para la tabla <tr> para fila y <td> para la celda. En el siguiente artículo podéis ver cómo se hace la tabla: ENLACE.


español inglés alemán ruso
cero zero null нуль
uno one eins один
dos two zwei две
tres three drei три
cuatro four vier четыре
cinco five fünf пять
seis six sechs шесть
siete seven sieben семь
ocho eight acht восемь
nueve nine neun девять

A la tabla anterior le hemos puesto en style:

  • a la etiqueta table:
    • border-collapse:collapse;
    • width:80%;
    • margin-left:20px;
    • text-align:center;
  • a las casillas de la tabla td:
    • border: 2px solid orange;
  • a las casillas de la primera fila de la tabla td:
    • border: 2px solid orange;
    • background-color: lightblue; border: 2px solid orange; width: 25%;
    • width: 25%;

Otro ejemplo de tabla:

pera melocotón naranja cereza plátano
piña albaricoque limón fresa
mango
uva
dátil pomelo mora aguacate

Esto es todo por hoy

No hay comentarios:

Publicar un comentario