Ruin/cheers
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
进进啊
2022-01-06 08:59:42 +08:00
commit 7c44a0d056
8 changed files with 1228 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
index.html Normal file
View File

@@ -0,0 +1,108 @@
<!--
* @Description: {{ByRuin}}
* @Version: 2.0
* @Author: Ruin 🍭
* @Date: 2020-08-31 19:56:00
* @LastEditors: 刘引
* @LastEditTime: 2022-01-05 09:31:21
-->
<!-- 声明该文件是一个html文件 -->
<!DOCTYPE html>
<!-- html是这个网页的根标签 -->
<html>
<!-- cn代表申明该网页是一个中文网站-->
<head lang="cn">
<!-- 设置网页编码格式 UTF-8是一种最常用的标准编码格式，常见的编码格式还有 ASCII 、 ANSI 、 GBK 、 GB2312 、 GB18030 和 UNICODE 等。 -->
<meta charset="UTF-8" />
<!-- 网页标签栏上的标题 -->
<title>象棋</title>
<!-- 通过link标签引入css文件，一般css引用方式为三种，分别行内样式、内部样式表、外部样式表 -->
<link rel="stylesheet" href="css/index.css" type="text/css" />
<link rel="stylesheet" href="css/Chess.css" type="text/css" />
<!-- 通过script标签引入js文件，其中jq需要先引用，js的执行顺序是从上到下逐行执行，
其他js有用到jq的相关函数，所以要先引入jq -->
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/Show.js" type="text/javascript"></script>
<script src="js/OnDoing.js" type="text/javascript"></script>
<script src="js/CMoveRule.js" type="text/javascript"></script>
<script src="js/CChess.js" type="text/javascript"></script>
</head>
<body>
<!-- section与article都是h5中的语义化标签，前者代表区域的意思，
后者代表文章的意思，语义化标签的使用有助于网页结构更加清晰，方便seo优化 -->
<section id="ground">
<!-- 这边的id是id选择器，一般为其添加样式的方式为#ground,
它的权重是css所有选择器中最高的，可以覆盖其他样式-->
<section id="board">
<section id="line">
<section id="rows">
<article class="row"></article>
<!-- class为类名选择器，可以通过.row为其添加样式 -->
<article class="row"></article>
<article class="row"></article>
<article class="row"></article>
<article class="row"></article>
<article class="row"></article>
<article class="row"></article>
<article class="row"></article>
<article class="row"></article>
<article class="row end"></article>
</section>
<section id="lines">
<article class="line"></article>
<article class="line"></article>
<article class="line"></article>
<article class="line"></article>
<article class="line"></article>
<article class="line"></article>
<article class="line"></article>
<article class="line"></article>
<article class="line end"></article>
</section>
<section id="river">
<article>۞۞۞۞۞۞۞۞</article>
</section>
<section id="flower">
<section id="F">
<section class="L2">
<article></article>
<article class="t2"></article>
</section>
<section class="L5">
<article></article>
<article></article>
<article></article>
<article></article>
<article></article>
</section>
</section>
<section id="L">
<section class="L5">
<article></article>
<article></article>
<article></article>
<article></article>
<article></article>
</section>
<section class="L2">
<article></article>
<article></article>
</section>
</section>
</section>
<section id="cross">
<section id="T">
<article></article>
<article></article>
</section>
<section id="B">
<article></article>
<article></article>
</section>
</section>
</section>
<section id="space"></section>
</section>
</section>
</body>
</html>