<!--
 * @Author: shisuiyi shisuiyi@qq.com
 * @Date: 2023-04-16 15:10:32
 * @LastEditors: shisuiyi shisuiyi@qq.com
 * @LastEditTime: 2023-04-18 20:10:48
 * @FilePath: \web_base\lesson02.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lesson02</title>
</head>
<body>
    <div id="section1">我们&nbsp;&nbsp;&nbsp;之间有好多空格&nbsp;</div>
    <div>我是小于号&lt;</div>
    <div>我是大于号&gt;</div>
    <ul type="disc">
        <li>First</li>
        <li >Second</li>
        <li>Third</li>
      </ul>
    <ul type="circle">
        <li>First</li>
        <li >Second</li>
        <li>Third</li>
      </ul>
    <ol start="3" type="a">
        <li>First</li>
        <li>Second</li>
        <li>Third</li>
      </ol>
    <ol start="3" type="i">
        <li>First</li>
        <li>Second</li>
        <li>Third</li>
      </ol>
    <a href="https://www.example.com" target="_blank">
        <img src="https://w.wallhaven.cc/full/zy/wallhaven-zyqx1v.png" alt="Example Image" title="This is an example image"  width="500" height="300">
    </a>
    <a href="#section1">跳转到 Section 1</a>
        <form action="" method="get">
        <h1>
            choose your favourite fruit!
        </h1>
        <input type="radio" id="apple" name="fruit" value="apple">
        <label for="apple">苹果</label><br>
        <input type="radio" id="banana" name="fruit" value="banana" checked="checked">
        <label for="banana">香蕉</label><br>
        <input type="radio" id="orange" name="fruit" value="orange">
        <label for="orange">橙子</label><br>
        <input type="radio" id="grape" name="fruit" value="grape">
        <label for="grape">葡萄</label><br>
        <input type="checkbox" id="apple" name="fruit[]" value="apple">
        <label for="apple">苹果</label><br>
        <input type="checkbox" id="banana" name="fruit[]" value="banana">
        <label for="banana">香蕉</label><br>
        <input type="checkbox" id="orange" name="fruit[]" value="orange">
        <label for="orange">橙子</label><br>
        <input type="checkbox" id="grape" name="fruit[]" value="grape">
        <label for="grape">葡萄</label><br>
        <label for="fruits">请选择您喜欢的水果：</label>
        <select id="fruits" name="fruit">
            <option value="">请选择</option>
            <option value="apple">苹果</option>
            <option value="banana">香蕉</option>
            <option value="orange">橙子</option>
            <option value="grape">葡萄</option>
        </select><br>

        <input type="submit"></input>

    </form>
    
</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.