美文网首页
任务九 HTML的常用标签

任务九 HTML的常用标签

作者: 23f43267337f | 来源:发表于2018-12-09 15:26 被阅读0次

    <a>

    含义:创建一个超链接
    常用属性
    href:需要链接到的地址。
    target:打开链接的方式。

    target的取值:
    _blank:在新的标签页面打开
    _self:在自身标签页面打开(默认选项)
    _parent:加载到上一级的窗口。
    _top:加载到顶级窗口。

    download:下载链接而不是打开

    <form>

    含义:创建供用户输入的 HTML 表单。
    常用属性
    action:提交内容的服务器地址
    method:提交内容的方式(get/post)
    name:表单的名字
    target:提交到那个页面·

    注意点

    • form必须要有提交按钮.
    • form主要是使用post进行提交

    input

    含义:根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
    常用属性
    type
    button:按钮属性
    submit:提交属性

    注意点

    • 如果form表单没有submit,<botton></botton>会自动升级为submit。
    • input中的type="botton"不能直接做form的提交按钮。

    checkbox:复选框。

    注意点
    可以使用<lable></label>进行包裹,点击文字就可以复选。

    radio:单选按钮。

    注意点
    使用同一个name可以做到单选。

    select:下来菜单
    示例

    <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat" disabled>Fiat</option>
    <option value="audi" selected>Audi</option>
    </select>
    

    注意点

    disabled表示不可选择,selected表示默认选择。

    table

    含义:列表
    示例

    <table border="1">
     <thead><th></th></thead>
     <tbody><td></td></tbody>
     <tfoot><td></td></tfoot>
    

    注意点

    • thead,tbody,tfoot的顺序不会变,tfoot写到thead上面,页面还是现实tfoot在下面
    • th表示表头会加粗,td表示数据
    • border=1 加边框(有间隙,=0没有)

    相关文章

      网友评论

          本文标题:任务九 HTML的常用标签

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