master

分支 (1)

管理

管理

master

html-repository
/
index.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>Document</title>
</head>

<body>
    <div>
        <details>
            <summary>点我可以展示内容</summary>
            <table>
                <tr>
                    <th>id</th>
                    <th>姓名</th>
                    <th>地址</th>
                    <th>职业</th>
                </tr>
                <tr>
                    <td>1</td>
                    <td>Adam</td>
                    <td>Huston</td>
                    <td>UI/UX</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>Bob</td>
                    <td>London</td>
                    <td>Machine Learning</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>Jack</td>
                    <td>Australia</td>
                    <td>UI Designer</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>Tapas</td>
                    <td>India</td>
                    <td>Blogger</td>
                </tr>
            </table>
        </details>
    </div>
<br>
    <div>
        <h2> 可以修改或添加或删除以下内容 </h2>
        <ul class="content-editable" contenteditable="true">
            <li> 1. Milk </li>
            <li> 2. Bread </li>
            <li> 3. Honey </li>
        </ul>

    </div>
<br>
    <div>
        <p> 你知道吗，你可以仅使用 HTML 标签 <mark>"突出显示有趣的东西"</mark></p>
    </div>
<br>
    <div>
        <h1>乘法运算</h1>
        <form oninput="x.value=parseInt(a.value) * parseInt(b.value)">
            <input type="number" id="a" value="0">
            * <input type="number" id="b" value="0">
            = <output name="x" for="a b"></output>
        </form>
    </div>
<br>
    <div>
        <form action="" method="get">
            <label for="fruit">选个水果吃？</label>
            <input list="fruits" name="fruit" id="fruit">
                <datalist id="fruits">
                   <option value="Apple">
                   <option value="Orange">
                   <option value="Banana">
                   <option value="Mango">
                   <option value="Avacado">
                </datalist>
             <input type="submit">
         </form>
    </div>
<br>
   <div>
    <label for="home">进度条</label>
    <meter id="home" value="4" min="0" max="10">2 out of 10</meter><br>

    <label for="root">/root</label>
    <meter id="root" value="0.6">60%</meter><br>
   </div>
   <br>

</body>

</html>