xxxxxxxxxx
<!-- Answer to: "online html editor" -->
<!--
A common good "online editor" would be:
https://jsfiddle.net/
However, for an online editor focusing specifically on html
this one is pretty good:
https://html-online.com/editor/
-->
xxxxxxxxxx
<!-- Good HTML Online Editors -->
<!-- Links -->
https://repl.it
https://codeply.com
https://jsfiddle.net
https://codepen.io
xxxxxxxxxx
// Use the w3schools tryit editor
//for example below address
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
xxxxxxxxxx
<!doctype html>
<html>
<head>
<meta charset='UTF-8' />
</head>
<body>
<div id="editors" style="display:flex;gap:5px;">
<div id="html" style="width: 33.33%;height:500px;"></div>
<div id="css" style="width: 33.33%;height:500px;"></div>
<div id="js" style="width: 33.33%;height:500px;"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs/loader.min.js"></script>
<script>
let editors;
require.config({
"paths": {
"vs": "https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs"
}
});
require(['vs/editor/editor.main'], () => {
// IMPORTANT: DO NOT REMOVE THE `editors = ...` code!
editors = {
html: monaco.editor.create(document.getElementById('html'), {
language: 'html',
value: '',
theme: 'vs-dark'
}) ,
css: monaco.editor.create(document.getElementById('css'), {
language: 'css',
value: '',
theme: 'vs-dark'
}),
js: monaco.editor.create(document.getElementById('js'), {
language: 'text/javascript',
value: '',
theme: 'vs-dark'
})
}
});
</script>
</body>
</html>
xxxxxxxxxx
<h1><span style="font-size:22px"><span style="font-family:Times New Roman,Times,serif"><strong>Bienvenido al sistema de autoinventario</strong></span></span></h1>
<p> </p>
<table border="5" cellspacing="" style="width:522px">
<tbody>
<tr>
<td style="width:494px">
<p><span style="font-size:22px"> <strong> Estante</strong></span></p>
<span style="font-size:22px">Usuario: admin</span>
<h2><span style="font-size:22px">El SENSOR está ahora: (OCUPADO)(LIBRE)</span></h2>
</td>
</tr>
</tbody>
</table>
<table border="5" cellspacing="" style="width:215px">
<tbody>
<tr>
<td style="width:187px">
<p>Lente 1:</p>
</td>
</tr>
</tbody>
</table>
<table border="5" cellspacing="" style="width:215px">
<tbody>
<tr>
<td style="width:187px">
<p>Lente 2:</p>
</td>
</tr>
</tbody>
</table>
<p> </p>
xxxxxxxxxx
Html IDE's Online
1.Repl |account required|(https://replit.com/)
2.Sololearn |No account required|(https://www.sololearn.com/home)
xxxxxxxxxx
<!-- use https://www.onlinegdb.com best online code editor for more than 10 languages -->
xxxxxxxxxx
<!DOCTYPE html>
<html>
<body>
<!-- Your HTML code goes here -->
<h1>Hello, World!</h1>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.development.js"></script>
<style>
/* Your CSS code goes here */
body {
background-color: lightgray;
padding: 20px;
}
</style>
</body>
</html>
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<title>Online HTML Code Runner</title>
</head>
<body>
<h1>Online HTML Code Runner</h1>
<h3>Enter your HTML code below:</h3>
<textarea id="inputCode" style="width: 100%; height: 300px;"></textarea>
<button onclick="runCode()">Run</button>
<h3>Output:</h3>
<div id="output"></div>
<script>
function runCode() {
var code = document.getElementById("inputCode").value;
document.getElementById("output").innerHTML = code;
eval(code); // Execute the HTML code
}
</script>
</body>
</html>