HTML Password

This might sound a little odd. I’m creating my own website, and luckily they allow you to do your own HTML, because I wanted to host my very own HTML website, that I designed. But my problem is, I want to create a section that you need a preset username and password to get into. I made the appropriate .htaccess and .htpasswrd, but my problem is I don’t know how to get it to say, this part is login protected. I looked all over the web, and really couldn’t find want I was after, from Stack Overflow, to other pages I can’t be bothered to list.

This is the code to the initial page:

MEMEZ

Welcome User

To the Meme Bay

If you're User1, please click here


If you're User2, please click here

And this is the first page that I want to password protect:

Welcome User1

Welcome Sam

To the Meme Bay

And this is my .htaccess file:
AuthUserFile .passwdfile
AuthName “Please Log In”
AuthType Basic
require valid-user

Any help you could give me would be greatly appreciated! And please do keep in mind that I’m trying to do this entirely with html/css, although if it came down to it, I’d do js and php. I’m just trying to code it myself.

Thanks!
Altair -The Assassino Wolfie

Update: I’m not entirely sure how to get it to display the code itself

You can either format your message using Markdown syntax or use the sixth button in the editor to select text styles.

As for the authentication system, I would highly recommend to use PHP for that. Using the .htaccess password protection can be useful, but authorizing users based on that system is quite tricky. You can find plenty of examples for PHP login systems online.