码迷,mamicode.com
首页 > Web开发 > 详细

Html 之 常用标签

时间:2019-03-21 14:28:36      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:http   北京   输入   ref   man   input   广州   图片   doc   

HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML标签学习</title>
    <link rel="shortcut icon" href="kang.ico">
</head>
<body>
    <p style="color:red;">我是一个块标签:p</p>
    <h3 style="color:red;">我是标题:h3</h3>
    <span style="color:red;">我是span标签,即行内标签</span>
    <br><br>
    <div style="color:red;">我是白板div标签,但也很有用</div>

    <form>
        <p style="color:red;">我是一个输入文本框</p>
        <input type="test" >
        <p style="color:red;">我是一个密码文本框</p>
        <input type="password">
        <p style="color:red;">性别:单选实例</p>
        男:<input type="radio" name="n1" value="man"> 女:<input type="radio" name="n1" value="woman">
        <p style="color:red;">爱好:多选实例</p>
        篮球:<input type="checkbox" name="n2" value="1"> 足球:<input type="checkbox" name="n2" value="2"> 皮球:<input type="checkbox" name="n2" value="3">
        <p style="color:red;">多行文本:多行实例</p>
        <textarea>aadfadf</textarea>
        <p style="color:red;">我是一个下拉框</p>
        <select name="city">
            <option value="1">北京</option>
            <option value="2">广州</option>
            <option value="3">深圳</option>
        </select>
        <p style="color:red;">我是一个超链超</p>
        <a href="http://www.baidu.com">百度在这里</a>
    </form>
    <p style="color:red;">我是一个列表</p>
    <ul>
        <li>aaaa</li>
        <li>bbbb</li>
        <li>cccc</li>
    </ul>
    <p style="color:red;">我是一个数字列表</p>
    <ol>
        <li>aaaa</li>
        <li>bbbb</li>
    </ol>
    <p style="color:red;">我是一个没有点,没有数字列表</p>
    <dl>
        <dd>aaa</dd>
        <dd>bbb</dd>
    </dl>
    <p style="color:red;">我是一个表格</p>
    <table border="1">
        <tr>
            <th>Month</th>
            <th>Savings</th>
        </tr>
        <tr>
            <td>January</td>
            <td>$10000</td>
        </tr>
    </table>
</body>
</html>

技术图片

Html 之 常用标签

标签:http   北京   输入   ref   man   input   广州   图片   doc   

原文地址:https://blog.51cto.com/12965094/2366556

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!