¿Has visto al entrar en la página que te apareció una ventana emergente? Es otra forma de mostrar información en HTML.

¡Vamos a ver cómo se realiza!

De nuevo iniciemos con la estructura básica de un archivo HTML.

        <!DOCTYPE html>
        <html>
        <body>
            <h1></h1>
            <p></p>
        </body>
        </html>

Ahora vamos a agregar un elemento encabezado, un elemento párrafo y el elemento script de nuevo.

        <!DOCTYPE html>
        <html>
        <body>
            <h1>Página de Ejemplo</h1>
            <p>Página de Ejemplo</p>
            <script>
                window.alert(7 + 11);
            </script>
        </body>
        </html>

Ahora si recargar la página volveras a ver la ventana emergente con el número que viste la primera vez, sólo que ahora ya sabes la razón por la que apareció allí y dale aceptar sin miedo.

Página de Ejemplo

Página de Ejemplo

Nota: al utilizar el método window.alert poderos usarlo sin windows y sólo usar alert y funcionaría igual. Quedaría de la siguiente manera:

        <!DOCTYPE html>
        <html>
        <body>
            <h1>Página de Ejemplo</h1>
            <p>Página de Ejemplo</p>
            <script>
                alert(7 + 11);
            </script>
        </body>
        </html>

Esto pasa porque el método alert es tomado por default a window.