前端
This commit is contained in:
@@ -0,0 +1,9 @@
|
||||
#include <stdio.h>
|
||||
|
||||
int main(int argc, char const *argv[])
|
||||
{
|
||||
printf("content-type: text/html;charset=utf-8\r\n");
|
||||
printf("\r\n");
|
||||
printf("<h3>请求成功，正在跳转主页</h3>");
|
||||
return 0;
|
||||
}
|
||||
Executable
BIN
Binary file not shown.
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<!-- 外联样式测试 -->
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>引入外部样式页面</title>
|
||||
<link rel="stylesheet" href="my.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h3>标题</h3>
|
||||
<label>其他國家檔案</label>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="author" content="flykhan" />
|
||||
<meta name="keywords" content="c c++ 物联网" />
|
||||
<title>表单1</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<form method="post" action="/cgi-bin/login.cgi">
|
||||
<label>用户：</label>
|
||||
<input name="login_name" /><br />
|
||||
<label>密码：</label>
|
||||
<input name="login_pwd" type="password" /><br />
|
||||
<button type="submit">提交</button>
|
||||
<button type="reset">重置</button>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="author" content="flykhan" />
|
||||
<meta name="keywords" content="c c++ 物联网" />
|
||||
<title>表单2</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h3>注册用户</h3>
|
||||
<form enctype="multipart/form-data" method="get" action="">
|
||||
<input name="username" value="flykhan" /><br />
|
||||
<input name="pwd" type="password" /><br />
|
||||
<!-- 标签的属性名和属性值是相同的情况下，只需要写属性名即可 -->
|
||||
<input type="radio" name="sex" value="男" />男
|
||||
<input type="radio" name="sex" value="女" checked />女
|
||||
<br />
|
||||
<input type="checkbox" name="loves" value="c语言" />c语言
|
||||
<input type="checkbox" name="loves" value="c++" />c++
|
||||
<input type="checkbox" name="loves" value="linux" />linux
|
||||
<input type="checkbox" name="loves" value="H5" />H5
|
||||
<br />
|
||||
|
||||
<input
|
||||
type="color"
|
||||
name="love_color"
|
||||
onchange="changePageColor(this.value)"
|
||||
/>
|
||||
|
||||
<input type="file" name="head" /><br />
|
||||
<input type="hidden" name="user_id" value="1" />
|
||||
|
||||
<button>提交</button>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
function changePageColor(color) {
|
||||
// 控制台输入传入的参数值
|
||||
console.log(color);
|
||||
document.getElementsByTagName("body")[0].style = "color:" + color + "";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="author" content="flykhan" />
|
||||
<meta name="keywords" content="c c++ 物联网" />
|
||||
<title>表单3</title>
|
||||
</head>
|
||||
|
||||
<body style="color: red">
|
||||
<h3>上报数据</h3>
|
||||
<form>
|
||||
<input name="title" placeholder="请输入上报数据的名称" /><br />
|
||||
<label>审核人</label>
|
||||
<select name="sh_user_id">
|
||||
<option value="101">张三</option>
|
||||
<option value="102">李四</option>
|
||||
<option value="103">王五</option>
|
||||
<option value="104" selected>赵六</option>
|
||||
<option value="105">田七</option></select
|
||||
><br />
|
||||
<textarea cols="50" rows="10" name="info"></textarea>
|
||||
<br />
|
||||
<button>提交</button>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="author" content="flykhan" />
|
||||
<meta name="keywords" content="c c++ 物联网" />
|
||||
<title>表单4</title>
|
||||
<style>
|
||||
body {
|
||||
color: blue !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="color: red">
|
||||
<h3>上报数据</h3>
|
||||
<form>
|
||||
<input name="title" placeholder="请输入上报数据的名称" /><br />
|
||||
<label>审核人</label>
|
||||
<button>提交</button>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<!-- 头部分，主要是告知浏览器当前网页的附加信息，字符集，标题，样式等 -->
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="author" content="flykhan" />
|
||||
<meta name="keywords" content="c c++ 物联网" />
|
||||
<title>主页-Disen快乐C开发课堂</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1 id="top">所有课程列表</h1>
|
||||
<a href="h.html" target="_blank" title="提示的信息">HTML的6个级别</a><br />
|
||||
<a href="hi.html" target="content_frame">第一个页面</a><br />
|
||||
<a href="meta.html" target="content_frame">meta标签</a><br />
|
||||
<a href="table.html" target="_blank">个人简历</a><br />
|
||||
<a href="table2.html" target="content_frame">libnet库函数列表</a><br />
|
||||
<a href="form1.html" target="_blank">表单1</a><br />
|
||||
<a href="form2.html" target="_blank">注册用户</a><br />
|
||||
<a href="form3.html" target="_blank">上报数据</a><br />
|
||||
<a href="form4.html" target="_blank">内联样式</a><br />
|
||||
<a href="css1.html" target="_blank">css1</a><br />
|
||||
|
||||
<a href="#footer">前往底部</a><br />
|
||||
<a
|
||||
href="http://www.biquge66.net/book/101/204087.html"
|
||||
target="content_frame"
|
||||
>上门龙婿-第一集</a
|
||||
><br />
|
||||
|
||||
<!-- 页内窗口 -->
|
||||
<iframe name="content_frame" width="100%" height="600px"></iframe>
|
||||
<div style="height: 800px"></div>
|
||||
<p id="footer">
|
||||
我是最后一段信息...
|
||||
<a href="#top">回到顶部</a>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,8 @@
|
||||
/* 外联样式表 */
|
||||
html {
|
||||
/* background-color: aqua; */ /* 背景颜色 */
|
||||
background-image: url(/images/head_w1.png); /* 背景图片 */
|
||||
color: blue; /* 字体颜色 */
|
||||
font-size: 16px;
|
||||
font-family: "宋体", "黑体", "楷体";
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<!-- 头部分，主要是告知浏览器当前网页的附加信息，字符集，标题，样式等 -->
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="author" content="flykhan" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table border="1" width="600px" cellspacing="0" align="center">
|
||||
<caption>
|
||||
个人简历
|
||||
</caption>
|
||||
<tr>
|
||||
<td width="100px">姓名：</td>
|
||||
<td>张三</td>
|
||||
<td>性别：</td>
|
||||
<td>男</td>
|
||||
<td rowspan="3" width="100px">
|
||||
<img src="images/head_w1.png" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="50px">毕业学校：</td>
|
||||
<td>清华大学</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>专业：</td>
|
||||
<td>计算机科学与技术</td>
|
||||
<td>学历：</td>
|
||||
<td>本科</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- cellspacing 是单元格之间的距离， cellpadding 指定表格单元格内边距的大小。它定义了单元格内容与单元格边框之间的空间大小。 -->
|
||||
<table align="center" border="1" cellspacing="0" cellpadding="10" >
|
||||
<caption style="color: blue;">
|
||||
libnet库函数的列表
|
||||
</caption>
|
||||
<thead align="center">
|
||||
<th width="50px">序号</th>
|
||||
<th width="200px">函数名</th>
|
||||
<th width="100px">形参个数</th>
|
||||
<th width="300px">形参名称列表</th>
|
||||
</thead>
|
||||
<tbody align="center">
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>libnet_init()</td>
|
||||
<td>1</td>
|
||||
<td>const char *devname</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>libnet_destory()</td>
|
||||
<td>1</td>
|
||||
<td>libnet_t *net</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
Reference in New Issue
Block a user