cqcst/Course
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(*): 代码仓库初始化

Browse Source
This commit is contained in:
zhilv
2025-11-07 18:39:29 +08:00
commit b1aeb6b39b
36 changed files with 1700 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
Web/README.md Normal file
View File

@@ -0,0 +1,18 @@
<!--
Copyright (c) 2025 zhilv
This software is released under the MIT License.
https://opensource.org/licenses/MIT
-->
## `Web` 前端开发技术
### 文件介绍
```sh
.
├── images # 图片资源
├── test1 # 实验一
├── test2 # 实验二
└── test3 # 实验三
```

BIN
Web/images/relax.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 594 KiB

26
Web/test1/plan.html Normal file
View File

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>我的待办事项与学习资源</h1>
<ol>
<li>周一: 完成工作报告</li>
<li>周二: 参加项目会议</li>
<li>周三: 准备新方案的资料收集</li>
</ol>
<ul>
<li><a href="https://www.runoob.com/" target="_blank">菜鸟教程</a></li>
<li><a href="https://www.w3school.com.cn/" target="_blank">w3school</a></li>
<li><a href="https://www.bilibili.com/" target="_blank">B站</a></li>
</ul>
<p>版权所有 &copy; zhilv</p>
<img src="../images/relax.png" alt="图片">
</body>
</html>

36
Web/test1/poem.html Normal file
View File

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h1,
h2,
p {
text-align: center;
}
</style>
</head>
<body>
<h1>李白《静夜思》赏析</h1>
<p><em>《静夜思》</em>是唐代诗人李白的经典诗作，它短小精悍，却蕴含着深深的思乡之情。</p>
<h2>原诗内容</h2>
<p><strong>床前</strong>明月光，<br>
疑是地上霜。<br>
举头<sup>①</sup>望明月，<br>
低头思故乡。</p>
<p> 在诗中，“床前”这个词被加粗（床前），起到了一定的强调作用，让读者首先注意到诗人所处的位置。<br>
而“疑是地上霜”这句诗，通过“霜”这个字形象地描绘出月光的皎洁清冷，仿佛地上结了一层霜，这种感觉通过简单的文字就传达给了读者。<br>
当诗人“举头①望明月”时，这里的上标数字①可以用来做注释标记，表示对“举头”这个动作可能存在的特殊解读或者引用来源等，明月成为了引发思乡之情的重要媒介。<br>
最后“低头思故乡”，诗人深沉地（用em标签表示情感上的强调）陷入对故乡的思念之中。</p>
<hr>
<p>这首诗虽然没有华丽的辞藻，但每一个字都像是经过精心雕琢，<strong>强烈地（用strong标签表示语义上的强调）</strong>触动着读者内心深处的思乡情感，成为了千古流传的佳作。</p>
</body>
</html>

53
Web/test2/attri_practice.html Normal file
View File

@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p {
color: #cc0000;
font-size: 32px;
}
#tit {
background-color: gray;
}
.tit {
text-align: center;
font-style: italic;
font-family: "宋体";
}
a:link {
text-decoration: none;
}
a:hover {
color: red;
font-size: 24px;
}
a:active {
color: rgb(0, 204, 0);
}
a:after {
color: #9900ff;
}
[title] {
font-weight: bold;
}
</style>
</head>
<body>
<p id="tit" class="tit" title="tit">一个段落</p>
<a href="https://www.runoob.com/" target="_blank">点击跳转到菜鸟教程</a>
</body>
</html>

23
Web/test2/news.html Normal file
View File

@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>新闻</title>
<style>
p {
letter-spacing: 6px;
line-height: 2em;
text-indent: 10px;
}
</style>
</head>
<body>
<p>&nbsp;&nbsp;昨天上午，南京国际博览中心金陵会议中心内欢声笑语，春意盎然，省委、省政府在这里举行春节团拜会。
Yesterday morning, the Jinling Conference Center of Nanjing International Expo Center was filled with laughter
and joy, and the provincial party committee and government held a Spring Festival gathering here.</p>
</body>
</html>

39
Web/test2/product.html Normal file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p {
text-decoration: underline;
text-transform: capitalize;
}
#sc {
text-decoration: line-through;
text-transform: lowercase;
}
.gz {
text-decoration: overline;
text-transform: uppercase;
}
</style>
</head>
<body>
<h3>设置文字装饰及大小写转换</h3>
<p>Chongqing, abbreviated as "Yu", is a municipality directly under the central and western regions of China, famous
for its mountainous city characteristics, hotpot culture, and the beautiful scenery of the confluence of the
Yangtze River and Jialing River.</p>
<p id="sc">Sichuan, abbreviated as "Chuan" or "Shu", is located in southwestern China and is a province known for
its
magnificent natural scenery, rich cultural heritage, and spicy cuisine.</p>
<p class="gz">Guizhou, abbreviated as "Qian" or "Gui", is located in southwestern China and is a province renowned
for its
diverse ethnic cultures, spectacular karst landforms, and beautiful natural landscapes.</p>
</body>
</html>

77
Web/test3/table.html Normal file
View File

@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="./tableTitle.css">
<style>
table {
width: 600px;
height: 400px;
border-collapse: collapse;
}
td {
border-spacing: 0px;
border: 1px solid;
}
tr {
text-align: center;
}
tbody tr:nth-child(odd) {
background-color: #CDF8F9;
}
tbody tr:nth-child(even) {
background-color: #FDEFBB;
}
.xn {
background-color: rgb(255, 255, 134);
}
</style>
</head>
<body>
<table align="center" cellpadding="5">
<caption>简易学生表</caption>
<thead>
<tr>
<td></td>
<td>姓名</td>
<td>单位</td>
<td>学号</td>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="4" class="xn">2024-2025学年</td>
<td>王小品</td>
<td>商学院</td>
<td>110204</td>
</tr>
<tr>
<td>李中</td>
<td>财经学院</td>
<td>120204</td>
</tr>
<tr>
<td>胡三</td>
<td>大数据学院</td>
<td>130504</td>
</tr>
<tr>
<td>李白</td>
<td>人工智能学院</td>
<td>100244</td>
</tr>
<tr>
<td colspan="4" style="background-color: white;">重庆城市科技学院</td>
</tr>
</tbody>
</table>
</body>
</html>

7
Web/test3/tableTitle.css Normal file
View File

@@ -0,0 +1,7 @@
caption {
font-weight: bold;
font-size: 20px;
color: #0daeba;
background-color: bisque;
height: 36px;
}