JSFiddle - React, Tailwind, and code Playground

by Adrià Vilanova Martínez

HTML

<!DOCTYPE HTML>
<html>
    <head>
        <title>Mi primera página web</title>
    </head>
    <body bgcolor="#000" text="#fff" link="#F60">
        <p>Hay unos pequeños errores:</p>
        <div id="list_of_errors">
        <ul>
            <li>* ¡No se puede definir la etiqueta &lt;body&gt; más de una vez! Para poner más de un parámetro, en este ejemplo se pondría: <code>&lt;body bgcolor="#000" text="#fff" link="#F60"&gt;&lt;/body&gt;</code></li>
                <li>* Las etiquetas &lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, etcétera no son tamaños de letras. Para eso se puede usar CSS. Estas etiquetas se usan para cabeceras (o títulos). Estas etiquetas provienen del inglés "Header" y el número de cabecera (como más pequeño el número más grande, porque es una sección más alta).</li>
            <li>* Es lo mismo una etiqueta &lt;h1&gt; sin negrita que una etiqueta &lt;h1&gt; con negrita, porque son cabeceras con un estilo definido por el navegador en sí.</li>
            </ul>
        </div><br><br><br>
        <div>
            Haz clic en el icono <b>+</b> en la esquina superior derecha de la pantalla para ver el codigo fuente de la web con correcciones.
        </div>
    </body>
</html>