¿Cómo crear una comparativa de tamaños con HTML o CSS?

[eruizr82]

Una duda:
Se puede crear mediante html o css u otra cosa una comparativa de tamaños como la de la imagen ?

Gracias.

 

[Cicklow]

Eso lo haces hasta con el paint. Con html solo tamaño de una imagen, con css tendrias que diseñar el objeto... como mucho, tener las img por separada y darle un tamaño... ejemplo a la perona le pones tamaño 30% y al dino 90%... (tendrias que saber la diferencia en % de cada uno)...
<img src="persona.jpg" height="30%"><img src="dino.jpg" height="90%">

 

[eruizr82]

Eso lo haces hasta con el paint. Con html solo tamaño de una imagen, con css tendrias que diseñar el objeto... como mucho, tener las img por separada y darle un tamaño... ejemplo a la perona le pones tamaño 30% y al dino 90%... (tendrias que saber la diferencia en % de cada uno)...
<img src="persona.jpg" height="30%"><img src="dino.jpg" height="90%">

Por ejemplo el dinosaurio media 10 m y la estatura de la persona es 1.70 cm

 

[m16u31]

Hay decenas de maneras de hacer lo que quieres, ya depende de tu habilidad y el tiempo que quieras invertirle.

Yo lo haria con HTML, JS y SVG's, ademas usaria alguna librería de animación.

Podrías hacer animaciones para destacar la comparativa de tamaños. Agregar popovers, tooltips etc.
Como digo depende de tus habilidad y bueno el tiempo que invertirás si te encargaron el trabajo.

 

[RamC]

Para crear una comparativa de tamaño en HTML, puedes usar la etiqueta <table> para organizar tus datos en filas y columnas. Luego, puedes usar CSS para darle estilo y hacer que las diferencias de tamaño se vean claramente. También puedes usar tablas de comparación de terceros.