Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / Desarrollo Web / Editor online HTML5

Editor online HTML5

Por jc mouse viernes, septiembre 14, 2012

JsFiddle es una herramienta que se puede utilizar de muchas maneras. Se puede utilizar como un editor en línea para crear fragmentos de código HTML, CSS y JavaScript. El código puede ser compartido con otros, incrustados en un blog, etc Con este enfoque, los desarrolladores de JavaScript puede fácilmente aislar errores.

editor online html5

El editor cuenta con varias opciones y esta dividido en paneles para el HTML, Javascript, el CSS y un panel para la vista previa, copia y pega este código en el panel HTML y presiona RUN, podras ver el resultado en la parte derecha de la pantalla.

<!DOCTYPE html>
<head>
<title>SVG</title>
<meta charset="utf-8" />
</head>
<body>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
 width="233.000000pt" height="269.000000pt" viewBox="0 0 233.000000 269.000000"
 preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,269.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M1056 2570 c-74 -7 -82 -10 -113 -44 -21 -22 -50 -40 -76 -46 -149
-38 -212 -66 -295 -129 -66 -49 -221 -258 -259 -348 -29 -71 -16 -192 29 -255
24 -35 38 -35 89 -1 57 38 92 34 196 -23 198 -108 240 -126 351 -145 59 -10
109 -19 112 -19 3 -1 -17 -9 -45 -19 -27 -9 -83 -41 -123 -71 -62 -45 -82 -54
-125 -58 -56 -4 -150 14 -240 48 -69 26 -87 42 -87 81 0 35 -20 76 -48 103
-25 22 -37 16 -62 -34 -11 -22 -34 -47 -50 -55 -23 -12 -30 -22 -30 -44 0 -32
71 -181 97 -202 10 -9 55 -16 125 -20 125 -6 161 -23 166 -77 3 -32 -8 -57
-82 -192 -49 -90 -48 -121 7 -161 86 -63 259 -139 407 -179 74 -20 174 -27
250 -18 155 19 419 130 507 214 55 52 56 79 2 168 -80 133 -86 182 -28 230 42
35 71 41 144 27 35 -6 69 -9 77 -6 7 3 39 40 70 83 70 94 74 122 23 172 -19
18 -37 46 -40 61 -4 15 -12 32 -19 38 -16 14 -32 -4 -71 -76 -15 -28 -39 -63
-54 -76 -37 -34 -125 -65 -230 -78 -106 -15 -145 -4 -234 64 -30 23 -70 50
-88 60 -41 23 -28 33 51 43 152 17 290 68 454 168 32 20 64 36 70 36 7 0 30
-13 52 -30 45 -34 74 -38 97 -12 25 28 47 88 47 129 -1 92 -131 327 -240 434
-124 121 -441 274 -529 254 -15 -3 -43 -23 -62 -43 -37 -40 -79 -97 -79 -108
0 -4 25 -4 55 -1 l56 6 -66 -126 c-36 -69 -65 -129 -65 -133 0 -5 13 -10 30
-12 l30 -3 -42 -63 c-42 -65 -56 -75 -38 -28 17 47 13 56 -25 56 -19 0 -35 2
-35 5 0 2 22 58 49 124 27 66 47 122 43 125 -3 3 -29 6 -59 6 l-53 0 50 100
c52 104 55 111 43 109 -5 -1 -44 -5 -87 -9z m181 -1168 c39 -56 73 -151 73
-202 0 -32 -49 -132 -80 -164 -4 -4 -11 23 -15 60 -3 38 -10 102 -16 142 -5
40 -9 79 -9 85 0 7 -4 5 -9 -3 -5 -8 -11 -55 -15 -105 -4 -49 -9 -111 -13
-137 l-5 -46 -36 46 c-53 69 -64 108 -48 168 16 59 69 167 96 194 26 26 39 19
77 -38z"/>
<path d="M280 410 l0 -180 -29 0 c-28 0 -30 3 -33 43 -3 39 -5 42 -35 45 l-33
3 0 -69 c0 -82 0 -82 105 -82 63 0 76 3 85 19 6 12 10 98 10 210 l0 191 -35 0
-35 0 0 -180z"/>
<path d="M397 583 c-4 -3 -7 -95 -7 -204 0 -170 2 -198 16 -203 9 -3 51 -6 94
-6 94 0 102 7 98 87 -3 57 -3 58 -35 61 -33 3 -33 3 -33 -42 0 -46 0 -46 -35
-46 l-35 0 0 150 0 150 35 0 c34 0 35 -1 35 -40 0 -39 1 -40 35 -40 l35 0 0
58 c0 32 -5 63 -12 70 -13 13 -179 17 -191 5z"/>
<path d="M830 380 l0 -210 30 0 29 0 3 98 3 97 19 -78 c17 -67 23 -77 40 -75
16 2 24 17 37 68 l17 65 3 -85 4 -85 33 -3 32 -3 0 211 0 211 -32 -3 c-33 -3
-33 -4 -63 -106 -33 -115 -30 -116 -70 21 -25 84 -27 87 -55 87 l-30 0 0 -210z"/>
<path d="M1132 578 c-17 -17 -17 -379 0 -396 16 -16 180 -16 196 0 17 17 17
379 0 396 -7 7 -44 12 -98 12 -54 0 -91 -5 -98 -12z m138 -198 l0 -150 -40 0
-40 0 0 150 0 150 40 0 40 0 0 -150z"/>
<path d="M1380 386 c0 -177 2 -205 16 -210 20 -8 158 -8 178 0 14 5 16 33 16
210 l0 204 -35 0 -35 0 0 -180 0 -180 -35 0 -35 0 0 180 0 180 -35 0 -35 0 0
-204z"/>
<path d="M1642 578 c-7 -7 -12 -39 -12 -76 l0 -63 70 -66 c63 -59 70 -69 70
-104 0 -38 -1 -39 -34 -39 -34 0 -35 1 -38 43 -3 39 -5 42 -33 42 -30 0 -30
-1 -33 -58 -2 -35 2 -64 9 -73 15 -18 169 -20 187 -2 7 7 12 41 12 81 l0 70
-70 65 c-60 55 -70 70 -70 98 0 32 2 34 35 34 34 0 35 -1 35 -41 0 -39 1 -40
33 -37 31 3 32 4 35 56 2 31 -2 60 -9 68 -15 18 -169 20 -187 2z"/>
<path d="M1880 380 l0 -210 90 0 90 0 0 30 c0 30 -1 30 -55 30 l-56 0 3 63 3
62 40 1 c38 0 40 2 43 32 3 32 3 32 -42 32 l-46 0 0 55 0 55 56 0 c54 0 55 0
52 28 -3 27 -3 27 -90 30 l-88 3 0 -211z"/>
</g>
</svg>
</body>
</html>

 

Tags

Artículos similares

Arrastrar y cargar archivo Excel *.xlsx en tabla Java

A continuación tenemos una clase que nos permite arrastrar un archivo de Excel (*.xlsx) y cargar su contenido en una tab[...]

PixilArt: Arte con pixeles

pixilart no es solo una herramienta online sino una comunidad de diseñadores a quienes les encanta el arte hecha con «pi[...]

El Convenio de Budapest

El Convenio de Budapest también conocido como el Convenio sobre ciberdelincuencia, es el primer tratado internacional so[...]

Genera videos, imagenes y más gratis con Qwen

Qwen es una familia de grandes modelos de lenguaje (LLMs) desarrollado por Alibaba Cloud. Este modelo multimodal es capa[...]

WorldMap: Construye y comparte mapas en la nube

Harvard WorldMap es una plataforma de mapeo de código abierto en línea, desarrollado por el Centro de Análisis Geográfic[...]

JCPanel 3.0

Nueva versión de un viejo proyecto swing «JCMousePanel» que nos permitía agregar imágenes en los contenedores JPanel. En[...]