network arplab finished
BIN
network/start/htdocs/1.jpg
Normal file
|
After Width: | Height: | Size: 110 KiB |
BIN
network/start/htdocs/2.jpg
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
network/start/htdocs/3.jpg
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
network/start/htdocs/4.jpg
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
network/start/htdocs/5.jpg
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
network/start/htdocs/6.jpg
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
network/start/htdocs/7.jpg
Normal file
|
After Width: | Height: | Size: 32 KiB |
32
network/start/htdocs/index.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>首页|01课堂</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<style type="text/css">
|
||||
.welcome {
|
||||
font-size: 20px;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="welcome"> 注意！！！如果网页加载很慢，请将XTCP_CFG_RTX_BUF_SIZE改大，比如2048</p>
|
||||
<p class="welcome"> 此外，如果网页加载中间出现问题，属于正常现像，不要意外。因本工程tcp处理很简单，bug肯定很多。</p>
|
||||
<p class="welcome"> 恭喜，您的Web服务器成功运行。太棒了！</p>
|
||||
<div>
|
||||
<p>您还可以点击以下链接进行测试.</p>
|
||||
<ul>
|
||||
<li><a href="page3.html">简单的文本</a></li>
|
||||
<li><a href="1.jpg">点我欣赏妹子照片</a></li>
|
||||
<li><a href="2.jpg">点我欣赏大妈照片</a></li>
|
||||
<li><a href="3.jpg">点我欣赏猛男照片</a></li>
|
||||
<li><a href="page1.html">多图片页面</a></li>
|
||||
<li><a href="404.html">点我找不到</a></li>
|
||||
<li><a href="page2.html">css + js页面</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h1><a href="http://01ketang.cc">别忘了访问 http://01ketang.cc，获得更多学习内容噢。</a></h1>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
6
network/start/htdocs/javascript.js
Normal file
@@ -0,0 +1,6 @@
|
||||
var i = 0;
|
||||
|
||||
function button_click() {
|
||||
i = i + 1;
|
||||
document.getElementById("replace_p").innerHTML= i + "";
|
||||
}
|
||||
18
network/start/htdocs/page1.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>师哥美女|01课堂</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<p> 恭喜，欢迎欣赏师哥美女图片。</p>
|
||||
<div>
|
||||
<p>图片很多，慢慢欣赏.</p>
|
||||
<ul>
|
||||
<li><img src="4.jpg" alt="图片加载失败" /></li>
|
||||
<li><img src="5.jpg" alt="图片加载失败" /></li>
|
||||
<li><img src="6.jpg" alt="图片加载失败" /></li>
|
||||
<li><img src="7.jpg" alt="图片加载失败" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
17
network/start/htdocs/page2.html
Normal file
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>带css的页面|01课堂</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||
<script type="text/javascript" src="javascript.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<p class="info"> 有没有发现，下面的显示有点特别的？有颜色，有框框~~~</p>
|
||||
<div>
|
||||
<h1>这是一个显示加大加粗的红色标题</h1>
|
||||
<p class="content">这是标题的内容，我们用蓝框框把他给框起来</p>
|
||||
<button id="button1" type="button" onclick="button_click()">点我，统计点击次数</button>
|
||||
<p id="replace_p">快点上面的按钮</p>>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
11
network/start/htdocs/page3.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>简单的文本页面|01课堂</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||
<script type="text/javascript" src="javascript.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>恭喜，你成功了</h1>
|
||||
</body>
|
||||
</html>
|
||||
9
network/start/htdocs/style.css
Normal file
@@ -0,0 +1,9 @@
|
||||
h1 {
|
||||
color: red;
|
||||
font-size: 50px;
|
||||
font-style: bold;
|
||||
}
|
||||
|
||||
.content {
|
||||
border:5px solid blue;
|
||||
}
|
||||