HTML - ¿Cómo hago para proteger un enlace con una contraseña?

Necesito hacer un botón en HTML que vaya a un enlace pero que esté protegido por una contraseña que yo elija. Los usuarios deben poder apretar el botón desde un principio, pero solo podrán ir al enlace poniendo la contraseña que yo les dé. Si no ingresan la contraseña correcta, aparecerá un pop-up que les dirá que la contraseña es incorrecta. Un formulario no me serviría porque no necesito que los usuarios que usan mi sitio elijan sus propias contraseñas.

La forma que se me ocurre es con javascript, seguramente hay mas formas de pasar variables mas seguras pero con html no se me ocurre ninguna:

Clase codigo.js
var confirma;
function myFunction() {

confirma = prompt('¿Cual es la contrasenia?');
if(confirma=='password'){
document.formulario1.submit();

}
else{
window.alert('No es esa contraseña');
}
}

Clase boton.html
<script type="text/javascript" src="codigo.js"></script>

<form action='pagina.html' method=post name='formulario1'>
<input type='hidden' name='passwd' id='passwd' value='password'>
</form>
<input type='submit' id='contrasenia' onclick='myFunction()'>


?>

Hola,

lo que pides, sólo con HTML, no es posible.

Un posible solución como dice antonio es con JavaScript, pero el código JavaScript se ejecuta en el lado cliente, por lo que cualquiera con mínimos conocimientos podría ver la contraseña en el código de la página.
Pero si no es una cosa muy seria y es para despistar a tu "colegas" puedes usar esta herramienta https://obfuscator.io/ y "ofuscar" el código JavaScript.

Una forma de hacerlo sería así:


En este código cambias "paginaOK.html" por tu página html y "miPass" por tu contraseña.
Después copia SOLO el código Javascript en la página Obfuscator y el resultado lo sustituyes en tu HTML.

Puede ser divertido jeje.

Un saludo!