NoCSSAndWithCSS/index.html at main · T-PageCode/NoCSSAndWithCSS · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./Styles/index.css">
    <title>有CSS和无CSS的区别</title>
</head>
<body>
    <div id="div_id1">
        <h1 id="text1">有CSS和无CSS的区别</h1>
    </div>
    <div class="div_class1" id="div_id2">
        <h1 class="text2">登录页对比</h1>
        <p class="text3">对比有CSS和无CSS的登录页</p>
        <button class="btnClass1 btn1" onclick="window.location.href='./NoAndWith-HTML/Login/Login_NoCSS.html'">查看无CSS页面</button>
        <button class="btnClass1 btn2" onclick="window.location.href='./NoAndWith-HTML/Login/Login_WithCSS.html'">查看有CSS页面</button>
    </div>
    <div class="div_class1" id="div_id3">
        <h1 class="text2">Hello World对比</h1>
        <p class="text3">对比有CSS和无CSS的Hello World演示页</p>
        <button class="btnClass1 btn1" onclick="window.location.href='./NoAndWith-HTML/Hello-World/HelloWorld_NoCSS.html'">查看无CSS页面</button>
        <button class="btnClass1 btn2" onclick="window.location.href='./NoAndWith-HTML/Hello-World/HelloWorld_WithCSS.html'">查看有CSS页面</button>
    </div>
    <div class="div_class1" id="div_id4">
        <h1 class="text2">Blog页对比</h1>
        <p class="text3">对比有CSS的博客页和无CSS的博客页</p>
        <button class="btnClass1 btn1" onclick="window.location.href='./NoAndWith-HTML/Blog-Page/Blog_NoCSS.html'">查看无CSS界面</button>
        <button class="btnClass1 btn2" onclick="window.location.href='./NoAndWith-HTML/Blog-Page/Blog_WithCSS.html'">查看有CSS界面</button>
    </div>
    <script>
        document.addEventListener("contextmenu",(NoCtm) => {
            NoCtm.preventDefault();
        })
    </script>
</body>
</html>