nicolasleal570/forms.html

## forms.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My first web page</title>
  </head>
  <body>
    <form action="/register.php" method="POST">
      <h1>Create an Account</h1>

      <label for="nameInput">Enter your name</label>
      <input id="nameInput" name="name" placeholder="Ej. John Doe" />

      <label for="emailInput">Enter your email</label>
      <input type="email" id="emailInput" name="email" placeholder="Ej. john@gmail.com" />


      <label for="passwordInput">Enter your password</label>
      <input type="password" id="passwordInput" name="password" placeholder="********" />

      <label for="addressInput">Enter your address</label>
      <textarea id="addressInput" name="address" placeholder="Ej. John Doe"></textarea>

      <label for="countryInput">Enter your country</label>
      <select id="countryInput" name="country">
        <option value="">Select a country</option>
        <option value="us">U.S</option>
        <option value="spain">Spain</option>
        <option value="vzla">Venezuela</option>
      </select>

      <p>Select your gender</p>

      <label for="maleInput">
        <span>Male</span>
        <input type="radio" id="maleInput" name="gender" value="male" />
      </label>

      <label for="femaleInput">
        <span>Female</span>
        <input type="radio" id="femaleInput" name="gender" value="female" />
      </label>

      <label for="termsInput">Accept terms and conditions</label>
      <input type="checkbox" id="termsInput" name="terms" />

      <button type="submit">Create account</button>
    </form>
  </body>
</html>

## images.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My first web page</title>
  </head>
  <body>
    <!-- Load an image from internet -->
    <img
      alt="Mario Bros"
      src="https://static.wikia.nocookie.net/heroe/images/c/c0/Mario_NSMBUD.png/revision/latest?cb=20190714001631&path-prefix=es"
    />

    <!-- Load an image from 'img' folder into my computer -->
    <img
      alt="Mario Bros"
      src="./img/mario.png"
    />
  </body>
</html>

## index.html
<!-- Sirve para indicarle al navegador que el archivo es un HTML -->
<!DOCTYPE html>

<!-- Comienza el documento HTML -->
<html lang="en">
  <!-- Encabezado -->
  <head>
    <!-- Le permite al navegador entender carácteres especiales -->
    <meta charset="UTF-8" />
    <!-- Le permite al navegador optimizar la página para teléfonos  -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- Le dice al navegador cual es el título de la página -->
    <title>My first web page</title>
  </head>

  <!-- Cuerpo de la página -->
  <body>
    <!-- Aquí vas a estructurar tu página :D -->
    <p>Hola mundo!</p>
  </body>
</html>

## links.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My first web page</title>
  </head>
  <body>
    <a href="https://google.com">Go to google</a>
    <a href="https://google.com" target="_blank">Go to google into a new tab</a>
    <a href="mailto:johndoe@gmail.com">Send email to John Doe</a>
  </body>
</html>

## lists.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My first web page</title>
  </head>
  <body>
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>

    <ol>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ol>
  </body>
</html>

## paragraph.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My first web page</title>
  </head>
  <body>
    <h1>Principal Title</h1>
    <h2>Subtitle</h2>
    <h3>Sub-Subtitle</h3>
    <p>Normal paragraph</p>
    <p>Normal paragraph <span style="color: red;">with modifications</span> </p>
  </body>
</html>

## tables.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My first web page</title>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th>Product</th>
          <th>Price</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Sneackers</td>
          <td>$100</td>
        </tr>
        <tr>
          <td>Play 5</td>
          <td>$10</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>My first web page</title>
	</head>
	<body>
	<form action="/register.php" method="POST">
	<h1>Create an Account</h1>

	<label for="nameInput">Enter your name</label>
	<input id="nameInput" name="name" placeholder="Ej. John Doe" />

	<label for="emailInput">Enter your email</label>
	<input type="email" id="emailInput" name="email" placeholder="Ej. john@gmail.com" />


	<label for="passwordInput">Enter your password</label>
	<input type="password" id="passwordInput" name="password" placeholder="********" />

	<label for="addressInput">Enter your address</label>
	<textarea id="addressInput" name="address" placeholder="Ej. John Doe"></textarea>

	<label for="countryInput">Enter your country</label>
	<select id="countryInput" name="country">
	<option value="">Select a country</option>
	<option value="us">U.S</option>
	<option value="spain">Spain</option>
	<option value="vzla">Venezuela</option>
	</select>

	<p>Select your gender</p>

	<label for="maleInput">
	<span>Male</span>
	<input type="radio" id="maleInput" name="gender" value="male" />
	</label>

	<label for="femaleInput">
	<span>Female</span>
	<input type="radio" id="femaleInput" name="gender" value="female" />
	</label>

	<label for="termsInput">Accept terms and conditions</label>
	<input type="checkbox" id="termsInput" name="terms" />

	<button type="submit">Create account</button>
	</form>
	</body>
	</html>
	<!-- Sirve para indicarle al navegador que el archivo es un HTML -->
	<!DOCTYPE html>

	<!-- Comienza el documento HTML -->
	<html lang="en">
	<!-- Encabezado -->
	<head>
	<!-- Le permite al navegador entender carácteres especiales -->
	<meta charset="UTF-8" />
	<!-- Le permite al navegador optimizar la página para teléfonos -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<!-- Le dice al navegador cual es el título de la página -->
	<title>My first web page</title>
	</head>

	<!-- Cuerpo de la página -->
	<body>
	<!-- Aquí vas a estructurar tu página :D -->
	<p>Hola mundo!</p>
	</body>
	</html>