html-learning/index.html at main · martin2space/html-learning · 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
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的数字王国</title>
    <style>
        h1{color:#2f4f4f}
        body{background-color:#f0f8ff}
    </style>
</head>
<body>
    <h1>欢迎来到我的王国！</h1>
    <h2>王国的第一份公告</h2>
    <p>这是一个充满创造力与梦想的国度。在这里，我们将用代码构建奇迹</p>

    <h3>王国的三大准行则</h3>
    <ul>
        <li>准则一：保持好奇</li>
        <li>准则二：拥抱创造</li>
        <li>准则三：乐于分享</li>
    </ul>

    <p>你可以通过下方的传送门，拜访强大的知识联盟。</p>
    <a href="https://www.google.com" target="_blank">前往谷歌联盟</a>
    <img src="https://via.placeholder.com/150" alt="我的数字王国官方徽章">
       <form>
            <h2>表单名称</h2>
            <label for="input1">输入内容：</label>
            <input type="text" id="input1" name="input1"><br><br>
            <div>
                <label><input type="radio" name="option" value="1"> 1 选项一</label><br>
                <label><input type="radio" name="option" value="2"> 2 选项二</label><br>
                <label><input type="radio" name="option" value="3"> 3 选项三</label><br>
                <label><input type="radio" name="option" value="4"> 4 选项四</label>
            </div>
                <br>
                <label for="select1">请选择：</label>
                <select id="select1" name="select1">
                    <option value="">--请选择--</option>
                    <option value="a">当选A</option>
                    <option value="b">当选B</option>
                    <option value="c">当选C</option>
                </select>
        </form>
</body>
</html>