美文网首页
简单的标签

简单的标签

作者: 动感超人丶 | 来源:发表于2017-08-19 21:43 被阅读7次

    自己学习过程中记录下来的

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    <div>
    
        <h1>搜狐</h1>
        <ul>
    
            <li>第一个</li>
            <li>第一个</li>
            <li>第一个</li>
            <li>第一个</li>
            <li>第一个</li>
    
        </ul>
        <ol>
    
            <li>第一个</li>
            <li>第一个</li>
            <li>第一个</li>
            <li>第一个</li>
            <li>第一个</li>
    
        </ol>
        <p style="color: aqua; background-color: aliceblue">&nbsp;这是一个段落,这是人民币&yen;这是版权&copy;</p>
    </div>
    <!--合并单元格-->
        <table border="1" style="background-color: red" cellpadding="0" cellspacing="0">
    
            <tr>
                <td colspan="2">&nbsp;哈哈</td>
                <td>啦啦</td>
    
            </tr>
            <tr>
                <td>阿斯蒂芬</td>
                <td>让我</td>
                <td>发</td>
    
            </tr>
            <tr>
                <td>发</td>
                <td>斯蒂芬</td>
                <td><啊啊/td>
    
            </tr>
        </table>
    <br />
    
    <!--合并单元格-->
        <table border="1" style="background-color: red" cellpadding="0" cellspacing="0">
    
            <tr>
                <td>啦啦</td>
                <td colspan="2">&nbsp;哈哈</td>
    
            </tr>
            <tr>
                <td rowspan="2">阿斯蒂芬</td>
                <td>让我</td>
                <td>发</td>
    
            </tr>
            <tr>
    
                <td>斯蒂芬</td>
                <td>啊啊</td>
    
            </tr>
            <tr>
                <td>发</td>
                <td>斯蒂芬</td>
                <td><啊啊</td>
    
            </tr>
        </table>
    
    <!--表单提交-->
    <form action="xx.php">
        <!--单行文本框-->
        账号<input type="text" name="username" value="张三" size="10" maxlength="5"/>
        <br />
    
        <!--密码-->
        密码<input type="password" name="pwd" />
        <br />
    
        <!--单选框-->
        <input type="radio" name="sex" value="男"/>男
        <input type="radio"  name="sex" value="女"/>女
        <br />
    
        <!--复选框-->
        <input type="checkbox" name="hobby" value="足球" />足球
        <input type="checkbox" name="hobby" value="排球" />排球
        <input type="checkbox" name="hobby" value="打游戏" checked="checked"/>打游戏
        <input type="checkbox" name="hobby" value="唱歌" />唱歌
        <br />
    
        <!--多行文本框-->
        <div>
            请留言<textarea rows="5" cols="30" name="content">请输入留言内容,我暂时不在</textarea>
        </div>
    
        <!--下拉列表-->
        <div>
            <select name="city">
                <option value="bj">北京</option>
                <option value="sh">上海</option>
                <option value="cd">成都</option>
    
            </select>
        </div>
    
        <!--隐藏域-->
        <input type="hidden" name="this_is_hidden"/>
    
        <!--文件域-->
        <input type="file" name="file">
    
        <!--按钮3种-->
        <input type="submit" value="提交" />
        <input type="image" src="图片地址" />
        <br />
        <input type="reset" value="重新设置" />
        <br />
        <input type="button" value="普通按钮" onclick="javascript:window.alert('弹出一个提示框')"/>
    
    </form>
    
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:简单的标签

          本文链接:https://www.haomeiwen.com/subject/mmlxdxtx.html