-
Notifications
You must be signed in to change notification settings - Fork 0
/
learning_exchange.html
169 lines (169 loc) · 8.34 KB
/
learning_exchange.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/learning_exchange.css">
<link rel="stylesheet" href="./css/nav.css">
<title>学习交流圈</title>
</head>
<body>
<!-- 页眉区 -->
<header class="learning_header"></header>
<!-- 导航区 -->
<nav>
<a href="./college_life.html"><img src="./images/logo.png" alt="logo"class="logo"></a>
<div class="nav-bar">
<a class="nav-item" href="./college_life.html">
<img src="./images/home.png" alt="home" class="icons">
<span>大学生活</span>
</a>
<a class="nav-item" href="./resume.html">
<img src="./images/resume.png" alt="resume" class="icons">
<span>简历作品</span>
</a>
<a class="nav-item" href="./college_life_blog.html">
<img src="./images/hobby.png" alt="blog" class="icons">
<span>生活记录</span>
</a>
<a class="nav-item" id="nav-item-active" nav-item href="./learning_exchange.html">
<img src="./images/study.png" alt="learningExchange" class="icons">
<span>学习交流圈</span>
</a>
</div>
</nav>
<!-- 主干区 -->
<section class="main_section">
<!-- 文章分享区 -->
<div class="communuitymiddle">
<div class="newlistcom">
<div class="aicn">
<div class="newlist">
<ul>
<a href="https://www.huaweicloud.com/zhishi/edits-15756137.html"><img src="./images/bigData.png" alt="大数据"/></a>
<p>什么是大数据技术？</p>
<p>大数据应用有哪些？</p>
<p style="color: #8C8C8C; font-size: 80%;">来自：华为云 发布时间 : 2021-11-05 浏览量：2545次</p>
</ul>
</div>
</div>
<div class="aicn">
<div class="newlist">
<ul>
<a href="https://zhuanlan.zhihu.com/p/232009119"><img src="./images/云计算.png" alt="云计算" /></a>
<p>云计算的服务模式有哪些？</p>
<p>云计算的核心优势有？</p>
<p style="color: #8C8C8C; font-size: 80%;">来自：知乎 发布时间 : 2020-09-10 浏览量：1872次</p>
</ul>
</div>
</div>
<div class="aicn">
<div class="newlist">
<ul>
<a href="https://zhuanlan.zhihu.com/p/203037669"><img src="./images/物联网.png" alt="物联网" /></a>
<p>物联网到底有多大？</p>
<p>物联网的发展现状与发展趋势？</p>
<p style="color: #8C8C8C; font-size: 80%;">来自：知乎 发布时间 : 2020-08-28 浏览量：980次</p>
</ul>
</div>
</div>
<div class="aicn">
<div class="newlist">
<ul>
<a href="https://www.ibm.com/cn-zh/cloud/learn/what-is-artificial-intelligence"><img src="./images/人工智能.png" alt="人工智能" /></a>
<p>人工智能应用？</p>
<p>深度学习与机器学习？</p>
<p style="color: #8C8C8C; font-size: 80%;">来自： 发布时间 : 2020-06-03 浏览量：2545次</p>
</ul>
</div>
</div>
</div>
<h4>期待更多补充~ 😄</h4>
</div>
<div class="form">
<form action="" method="post">
<!-- fieldset元素将表单内的相关元素分组 -->
<fieldset>
<!-- legend为 fieldset元素定义标题 -->
<legend>Write to Me</legend>
<!-- 表格布局 -->
<div class="tableRow">
<!-- 多选框 -->
<label for="topics">
话题：
</label>
<select id="topics" name="topics">
<option value="大数据">大数据</option>
<option value="云计算">云计算</option>
<option value="物联网">物联网</option>
<option value="区块链">区块链</option>
<option value="人工智能">人工智能</option>
</select>
</div>
<div class="tableRow">
<!-- 复选框 -->
<label>学习程度:</label>
<p>
<input type="checkbox" id="freshman" name="freshman" value="freshman">
<label for="freshman">初学者</label><br>
<input type="checkbox" id="adcancer" name="adcancer" value="adcancer" checked>
<label for="adcancer">进阶者</label>
</p>
</div>
<div class="tableRow">
<label for="comments">评论:</label>
<textarea id="comments" name="comments"></textarea>
</div>
<div class="tableRow">
<input type="submit" value="Submit!">
</div>
</fieldset>
<fieldset>
<legend>Make friends with Me</legend>
<div class="tableRow">
<label for="name">姓名:</label>
<input type="text" id="name" name="name" value="" placeholder="请输入你滴姓名o(*￣▽￣*)ブ" required>
</div>
<div class="tableRow">
<label for="Wechat">微信号:</label>
<input type="text" id="Wechat" name="Wechat" value="" placeholder="请输入你滴微信o(*￣▽￣*)ブ" required>
</div>
<div class="tableRow">
<label for="your_email">邮箱:</label>
<input type="email" id="your_email" name="your_email" value="" placeholder="请输入你滴邮箱o(*￣▽￣*)ブ" required>
</div>
<div class="tableRow">
<label for="phone">电话：</label>
<input type="tel" id="phone" name="phone" value="" placeholder="请输入你滴电话o(*￣▽￣*)ブ" required>
</div>
<div class="tableRow">
<label for="birthday">生日:</label>
<input type="date" id="birthday" name="birthday" value="" placeholder="请输入你滴生日o(*￣▽￣*)ブ" required>
</div>
<div class="tableRow">
<input type="submit" value="Make Friends!">
</div>
</fieldset>
<fieldset>
<legend>contact with Me</legend>
<div class="tableRow">
<img src="" alt="">
<img src="" alt="">
</div>
<div class="tableRow">
<img src="./images/myWechat.jpg" alt="" style="width:100px;">
<img src="./images/myqq.jpg" alt=""style="width: 100px;">
</div>
</fieldset>
</form>
</div>
<!-- 表单区 -->
</section>
<footer class="footer">
<div class="footer_text">
<p class="copyright">Copyright ©永远向前进的诗韵~</p>
</div>
</footer>
</body>
</html>