Ejemplo Actividad 2

MARCELINO PEÑA

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="description" content="Ejemplo de HTML5"> <meta name"keywords" content="HTML5,CSS3 y JavaScript"> <title>Ejemplo HTML5</title> <style> p{font-size: 20px;} </style> <script> function mostraralerta(){ alert('hizo clic!'); } function hacerclic(){ document.getElementsByTagName('p')[0].onclick=mostraralerta; } window.onload=hacerclic; </script> </head> <body> <div id="agrupar"> <p onclick="alert('hizo clic')">Hacer click</p> <header id="cabecera"> <h1>Ejemplo HTML5</h1> <p style="font-size: 20px">Mi Texto</p> </header> <nav id="menu

<html lang="es">
  <head>
    <meta charset="UTF-8">
    <meta name="description" content="Ejemplo de HTML5">
    <meta name"keywords" content="HTML5,CSS3 y JavaScript">
    <title>Ejemplo HTML5</title>
    <style>
      p {font-size: 20px}
    </style>
    <script>
function mostraralerta(){
alert('hizo clic!');
}
function hacerclic(){
document.getElementsByTagName('p')[0].onclick=mostraralerta;
}
window.onload=hacerclic;
</script>
  </head>
  <body>
    <div id="agrupar">
      <p onclick="alert('hizo clic')">Hacer click</p>
    <header id="cabecera">
      <h1>Ejemplo HTML5</h1> 
      <p style="font-size: 20px">Mi Texto</p>
    </header>
    <nav id="menu">
      <ul>
        <li>principal</li>
        <li>fotos</li>
        <li>videos</li>
        <li>contacto</li>
      </ul>
    </nav>
    <section id="seccion">
      <article>
        <header>
          <hgroup>
            <h1>Ejemplo HTML5</h1>
            <h2>Subtitulo</h2>
          </hgroup>
          <time datetime="2022-11-22">publicado 22-11-2022</time>
        </header>
        Titulo
        <figure>
          <img src="http://minkbooks.com/content/myimage.jpg">
          <figcaption>
            Imagen
          </figcaption>
        </figure>
        <footer>
          <p>comentarios (0)</p>
        </footer>
      </article>
      <article>
        <header>
          <hgroup>
            <h1>Titulo mensaje dos</h1>
            <h2>Subtitulo mensaje dos</h2>
          </hgroup>
          <time datetime="2022-11-22">publicado 22-11-2022
          </time>
        </header>
        Este es el texto del segundo mensaje
        <footer>
          <p>comentatios (0)</p>
        </footer>
      </article>

    </section>
    <aside id="columna">
      <blockquote>Mensaje numero uno</blockquote>
      <blockquote>Mensaje numero dos</blockquote>
    </aside>
    <footer id="pie">
      Derechos Reservados 2022
    </footer>
    </div>
</html>