Respuestas Ejercicio 5 (HTML & CSS Junio)

Comparte tu respuesta del ejercicio 5.

Nota: Recuerdas que puedes formatear el bloque de codigo que compartas agregando 3 backticks, comillas francesas, o tildes al reves
Ejemplo:

<html>
  <body>
    <div id="root"></div>
  </body>
</html>

Buenas, adjunto evidencia de las respuestas:

 <!DOCTYPE html>
 <html>
   <head>
     <meta charset="utf-8">
     <title>Hello, world!</title>
   </head>
   <body>
	<form action="" method="get">
		<input type="text" name="login" required>
		<input type="password" name="password" required>
		<input type="submit" value="Submit!">
	</form>
   </body>
 </html>

Hola, en este inclui la etiqueta label para darle nombre visible a las casillas de login y contraseña en el formulario

 <html>
   <head>
     <meta charset="utf-8">
     <title>Hello, world!</title>
   </head>
   <body>
    <form>
      <label for="name">User:</label>
      <input type="text" name="name">
      <label for="password">Password:</label>
      <input type="password"> 
      <input type="submit" value="Submit">
    </form>
   </body>
 </html>

» HEADINGS


<!DOCTYPE html>  
<html>  
  <head>  
    <meta charset="utf-8">  
    <title>Hello, world!</title>  
  </head>  
  <body>  

    <h1> texto en encabezado </h1> 
    <h2>  titulo de parrafo 1 </h2>
    <p>parrafo 1</p>
    <h2>   titulo  de parrafo 2 </h2>
    <h3>   Titulo de parrafo 3 </h3>
    <p>parrafo 2</p>
    <h3>   Titulo de parrafo 4 </h3>
    <p>parrafo 3</p>
    <h2>   titulo  de parrafo 5 </h2>
    <p>parrafo 4</p>


  </body>  
</html>
Hello, world!
<h1> texto en encabezado </h1> 
<h2>  titulo de parrafo 1 </h2>
<p>parrafo 1</p>
<h2>   titulo  de parrafo 2 </h2>
<h3>   Titulo de parrafo 3 </h3>
<p>parrafo 2</p>
<h3>   Titulo de parrafo 4 </h3>
<p>parrafo 3</p>
<h2>   titulo  de parrafo 5 </h2>
<p>parrafo 4</p>
Hello, world! Este es el quinto ejercicio
Nombre:
Contraseña:
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Loginform</title>

</head>

<body>

<form>

<input type="text" Name="Name">

<input type="password">

<input type="Submit" value="Submit">

</form>

</body>

escribe o pega el código aquí

</html>

Se sube con las especificaciones que node.js toma como correctas para el ejercicio de learnyouhtml

FORMS



    <!DOCTYPE html>  
    <html>  
      <head>  
        <meta charset="utf-8">  
        <title>Hello, world!</title>  
      </head>  
      <body>  
    
        <form>
          <input type="text" value="usuario"/>
          <input type="password" value=contraseña"/>
          <input type="button" value="ingresar"> 
          </form>
 
      </body>  
</html>

<!DOCTYPE html>  
<html>  
  <head>  
    <meta charset="utf-8">  
    <title>Hello, world!</title>  
  </head>  
  <body>  

    <form>
      <input type="text" value="usuario"/>
      <input type="password" value=contraseña"/>
      <input type="button" value="ingresar"> 
      </form>

  </body>  
<!DOCTYPE html>  
<html>  
  <head>  
    <meta charset="utf-8">  
    <title>Forms</title>  
  </head>  
  <body>  
    <form action="">
        <input type="text" value="Usuario" required>
        <input type="password" value="clave" required>
        <input type="button" value="submit">
    </form>
  </body>  
</html>

Solución Ejercicio (FORMS)

Form

Solución Ejercicio (FORMS)

Form

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>ejercicio5</title>
  </head>
  <body>
    <table>
      <tr>
        <th>Europe</th>
        <th>Asia</th>
        <th>Africa</th>
      </tr>
      <tr>
        <td>Ukraine</td>
        <td>China</td>
        <td>Egypt</td>
      </tr>
      <tr>
        <td>Poland</td>
        <td>India</td>
        <td>Kenya</td>
      </tr>
      <tr>
        <td>Italy</td>
        <td>Thailand</td>
        <td>Sudan</td>
      </tr>
    </table>
  </body>
</html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hello, world!</title>
  </head>
  <body>
    <form>
      <input type="login">
      <input type="password">
      <input type="submit" value="Enviar">
    </form>
  </body>
</html>
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title> Información </title>
 </head>
 <body>
  <form action = "" method = "post">
   <input type = "text" name = "name">
   <input type = "password">
   <input type = "submit" value = "Guardar">
  </form>
 </body>
</html>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Login</title>
  </head>
  <body>
    <form>
      <label>Usuario</label>
      <input type="text">
      <label>Contraseña</label>
      <input type="password">
      <input type="submit">
    </form>
  </body>
</html>
Login Usuario: Contraseña:
 <html>
   <head>
     <meta charset="utf-8">
     <title>Hello, world!</title>
   </head>
   <body>
    <form>
      <input type="name" value="usuario">
      <input type="password" value="contraseña">
      <input type="button" value="guardar">

    </form>
   </body>
 </html>
Ejercicio 3 Tablas login passsword

Texto que ingresa el usuario por consola

El input type="text" lo ingresa el usuario

Primer nombre:

Apellido: