まずは.htaccessを認識させるためにxampp/etcフォルダにあるApacheの設定ファイルhttpd.confの180行目ぐらいの
[crayon-4fbba99cc880c/]
を
[crayon-4fbba99cc8b7f/]
に書き換える

そしたら次に.htaccessに
[crayon-4fbba99cc8fad/]
と記述します。
今度は認証を許可するユーザーのIDとパスワードを記述するためターミナルでhtpasswdを作成
[crayon-4fbba99cc934f/]
ここではharayuがIDでpasswordareaがパスワードです。すると
harayu:5z02rF8RSQfMs
みたいにパスワードが暗号化されて返されるるのでこれをコピーして.htpasswdファイルに貼付けて.htaccessと同じディレクトリに置く。
Apacheを再起動してアクセスしてみるとMacのfirefoxの場合は

てな具合に要求されると思います。