LuisHCK/index.html

## index.html
<!DOCTYPE html>
<html>
    <!-- En Head se definen propiedades de la pagina -->
    <!-- Estas propiedades no se muestran -->
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Mi pagina</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- Definimos código CSS -->
    <style>
      .rojo {
        color: red;
      }

      .azul {
        color: blue;
      }

      .subrayado {
        text-decoration: underline;
      }

      .margen-interno {
        padding: 50px;
        margin: 50px;
      }
    </style>

    <link
      rel="icon"
      type="image/png"
      href="https://images.vexels.com/media/users/3/141120/isolated/preview/a5ff757d7423e6c757795e7b60183180-rocket-round-icon-by-vexels.png"
    />
  </head>

  <!-- Dentro de la etiqueta body se contiene la parte visible de la pagina -->
  <body>
    <!-- Este div contiene otros elementos -->
    <!-- En la propiedad Class llamamos una clase de CSS que definimos anteriormente -->
    <!-- En la propiedad Style definimos CSS inline -->
    <div class="margen-interno" style="border: 1px solid black; width: 100%; height: 200px;">
      <!-- Titulos -->
      <h1 class="rojo subrayado">Hola que tal</h1>
      <h1 class="azul">QUIERO SER Blue</h1>
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<!-- En Head se definen propiedades de la pagina -->
	<!-- Estas propiedades no se muestran -->
	<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>Mi pagina</title>
	<meta name="viewport" content="width=device-width, initial-scale=1" />

	<!-- Definimos código CSS -->
	<style>
	.rojo {
	color: red;
	}

	.azul {
	color: blue;
	}

	.subrayado {
	text-decoration: underline;
	}

	.margen-interno {
	padding: 50px;
	margin: 50px;
	}
	</style>

	<link
	rel="icon"
	type="image/png"
	href="https://images.vexels.com/media/users/3/141120/isolated/preview/a5ff757d7423e6c757795e7b60183180-rocket-round-icon-by-vexels.png"
	/>
	</head>

	<!-- Dentro de la etiqueta body se contiene la parte visible de la pagina -->
	<body>
	<!-- Este div contiene otros elementos -->
	<!-- En la propiedad Class llamamos una clase de CSS que definimos anteriormente -->
	<!-- En la propiedad Style definimos CSS inline -->
	<div class="margen-interno" style="border: 1px solid black; width: 100%; height: 200px;">
	<!-- Titulos -->
	<h1 class="rojo subrayado">Hola que tal</h1>
	<h1 class="azul">QUIERO SER Blue</h1>
	</div>
	</body>
	</html>