109 lines
4.3 KiB
HTML
109 lines
4.3 KiB
HTML
<!--
|
||
* @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>
|