a标签table标签lable标签

a标签

ul ol dl 标签

table标签lable标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a{
            text-decoration: none;
            color: red;
        }
    </style>
</head>
<body>
    <p>a标签可以做锚href="#d1"，做跳转href="http:",</p>
    <a href="#d1">第一章 img插图片</a><br/>
    <a href="#d2">第二章 列表</a><br/>
    <a href="#d3">第三章 table标签</a><br/>
    <a href="#d4">第四章 lable标签</a><br/>
    <div id="d1" style="height: 600px">
        <pre>
            第一章
            img标签插入图片
            &lt;img src="favicon.ico" alt=""/>

            取a标签中的下划线
            text-decoration: none;
        </pre>
    </div>
    <div id="d2" style="height: 600px">
        第二章
        <ul>
            <li>fsdafsd</li>
            <li>fsdafsd</li>
            <li>fsdafsd</li>
        </ul>
        <ol>
            <li>afafag</li>
            <li>afafag</li>
            <li>afafag</li>
        </ol>
        <dl>
            <dt>dt</dt>
            <dd>dd</dd>
            <dd>dd</dd>
            <dd>dd</dd>
            <dt>dt</dt>
            <dd>dd</dd>
            <dd>dd</dd>
            <dd>dd</dd>
        </dl>
    </div>
    <div id="d3" style="height: 600px">
        第三章
            <table cellspacing="0" border="1" align="center" width="400px">
        <caption>学生成绩表 表格标题</caption>
        <tbody style="text-align: center">
            <tr>
                <th>表头</th>
                <th>性别</th>
                <th>成绩</th>
            </tr>
            <tr>
                <td>单元格</td>
                <td rowspan="3">rowspan="3"占三行</td>
                <td>100</td>
            </tr>
            <tr>
                <td>老猪</td>
                <td>100</td>
            </tr>
            <tr>
                <td>和尚</td>
                <td>100</td>
            </tr>
            <tr>
                <td>妖怪</td>
                <td>女</td>
                <td>100</td>
            </tr>
            <tr>
                <td>平均成绩</td>
                <!-- 占两列-->
                <td colspan="2">colspan="2"占两列</td>
            </tr>
        </tbody>
    </table>
    </div>
    <div id="d4" style="height: 600px">
        第四章
        label for="i1"
        和input一起用可以点击文字跳到输入框

        <fieldset>

            <legend>登录</legend>
            <label for="i1">用户名</label>
            <input type="text" id="i1"/><br/>
            <label for="i2">密码</label>
            <input type="password" id="i2"/>
        </fieldset>

    </div>

</body>
</html>
View Code

 

posted @ 2019-02-22 19:59  平平无奇小辣鸡  阅读(431)  评论(0)    收藏  举报