前端001-21个标签 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- keywords-搜索引擎可以用到，description-关于网站的大致描述   -->
    <meta name="keywords" content="汽车,汽车之家,汽车网,汽车报价,汽车图片,新闻,评测,社区,俱乐部" />
    <meta name="description" content="汽车之家为您提供最新汽车报价，汽车图片，汽车价格大全，最精彩的汽车新闻、行情、评测、导购内容，是提供信息最快最全的中国汽车网站。" />
    <title>我的第一个博客</title><!--唯一可以显示的头部信息 -->
</head>
<body
style="margin-left: 20%">
    <p>
        1-标签分为：自闭合标签-meta标签，主动闭合标签-p标签。<br>
        2-标签又可分为：块级标签-p标签,行内标签-span标签。<br>
        3-标签存在的意义：定位，可以CSS操作，js操作。<br>
        4-标签之间可以嵌套<br>
    </p>
    <p>
        具体标签：<br>
        1-div标签--块级标签--白板标签<br>
        2-span标签--行内标签--白板标签<br>
        3-br标签--换行标签--barter rabbet<br>
        4-空格符--&nbsp;  non break space<br>
        5-大于符--&gt;  bigger than<br>
        6-小于符--&lt;  little than<br>
        7-form标签，一般与input,select等合用，用于向后台提交数据<br>
        8-input标签是--行内标签<br>
        8-1-type=text<br>
        8-2-type=password<br>
        8-3-type=submit<br>
        8-4-type=reset<br>
        8-5-type=button<br>
        8-6-type=radio 单选框<br>
        8-7-type=checkbox  复选框<br>
        8-8-type='file' - 依赖form表单的一个属性 enctype="multipart/form-data"<br>
        9-textarea行内标签   多行输入，值在包含的内容中<br>
        10-select(name)行内标签--下拉框-option标签配套使用(value)-multiple多选--size多行显示-selected默认选中<br>
        11-option标签-值是value="值"<br>
        12-p标签-段落标签-段落有间距<br>        
　　　　　13-h1-h6标签，加黑加粗。<br>
    </p>

    <div>
        <form enctype="multipart/form-data">
            &lt; &nbsp; &gt;<br>
            <label>用户登录</label><br>
            用户名：<input type="text" name="user" value="abc"/><br>
            密码  ：<input type="password" name="password" /><br>
            <input type="submit" name="提 交" />&nbsp;&nbsp;&nbsp;
            <input type="reset" name="重 置" />
            <input type="button" name="按键">
        </form>
        <form>
            <input type="radio" name="gender" value="1" checked="checked"/>男
            <input type="radio" name="gender" value="2" />女<br>
            <input type="checkbox" name="hobby" value="1">金钱
            <input type="checkbox" name="hobby" value="2" checked="checked">女人
            <input type="checkbox" name="hobby" value="3">吹牛<br>
            <input type="file">

        </form>
    </div>
    <textarea name="text" id="" cols="30" rows="10">这里是默认输入</textarea><br>
    <select name="city" size="5" multiple>
        <option value="1">北京</option>
        <option value="2" selected="selected">上海</option>
        <option value="3">福建</option>
    </select>
</body>
</html>
posted @ 2022-11-16 15:36  wode-wode  阅读(44)  评论(0)    收藏  举报