html网页设如何置访问密码

2025-10-10 05:14:09

1、1、新建index.html页面

紧接着前面共享目录中的本地网站来写，可以省去许多麻烦，各位看官也能读懂。

在共享目录中新建一个text文本文件，重命名为index.html。如图：

html网页设如何置访问密码

2、2、写入HTML文件

任何一个网页式的文件，必须要有HTML文件的元素，才算合格的网页。

用记事本打开index.html，输入以下元素：

<html>

<head>

</head>

<body>

</boody>

</html>

如图：

html网页设如何置访问密码

3、3、添加JS脚本

在<head>之间趣霸添加以下JS脚本代随裹码</head>

如图：

html网页设如何置访问密码

4、4、添加网页内容

添加网页内容可以验证密码输入正泰裕秤确后进入网页的内容。

在<body>之间随意添加元素</boody>

比如：

<p style="color:red; font-size:20;">恭喜您进入到本网页，您已经被授权查看网页内容！如图：

html网页设如何置访问密码

5、5、密码错误的访问验证

在浏览器输入192.168.1.2，页面会弹出输入密码的提示，输入一个错误的密码，查看页面是否访问。如图：

html网页设如何置访问密码

6、6、输入正确的密码访问

重新打开网页，输入mima，进入页面，查看网页内容。

如图：

html网页设如何置访问密码

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。