智能家居网络系统设计(二)
最后更新于:2022-04-01 16:26:56
这一篇文章我将讲解html网页编程的基本规范,其实在我的html网页基础里面也讲解的很明白,这里我大概讲一下基本用法。下面写把代码写上来然后在一步一步讲解,后面的注释一定不要添加进去!!!
~~~
<html> /* 网页固定格式 */
<head> /* 网页头部 */
<title>智能网络家居系统--网络人VS灰鸽子制作</title>/* 网页上的标题栏 */
</head>
<body background="./image/back.jpg">/* 网页背景图片./image/back.jpg是存放的路径,*/
<br>
<br>
<h1 align="center"><font color="red"> /* 网页上的字体居中显示红色 */
/* 为了方便布局加的空格 */
智能网络家居系统</font></h1>
<p><center><b><font size="5"> /* 网页上的字体居中 */
请登录</font></b></center></p><BR><BR>
<form action="../cgi-bin/login.cgi" method="post"><center> /* 创建form表单设置第一条脚本路径和名字,post方式 */
用户名:
<input type="text" name="name"><br> /* 输入你的登录账户,字符串存放在name */
密码:
<input type="password" name="password"><br><br>/* 输入你的登录密码 ,字符串存放在password*/
<input type="submit" value=" 登 录 "> /* 登录提交按钮,这是html基本格式,这里不详解了 */
<input type="reset" value="重新输入"> /* 重新输入按钮 */
</center></form>
<br><br><br><br><br><br><br><br><br><br> /*下面都是一些字体的显示,和前面基本一样的*/
<p><center><font color="brown">
智能网络家居系统项目 基于FL2440制作</center><p>
<p><center>
2015-08-11 by 网络人VS灰鸽子</center></p>
<p><center>
个人博客:http://blog.csdn.net/qq_21792169</center></p>
</body>
</html>
~~~
在这里网页就写完了,其实网页也挺简单的,我们的主要工作是放在cgi脚本的处理,这里才是重点,我们可以测试下,./image/back.jpg,你可以在开发板上/etc/boa/www下创建一个image文件夹,该文件加专门用来存放图片,这里要可开始背景图片路径对应,不然网页找不到图片的位置。
然后开PC机上访问开发板的IP地址就OK了。
下文在是这个项目的核心内容,对C库函数,JAVA脚本,放心我都会总体讲解,主要还是框架,不懂发邮箱给我。