美文网首页
4.HTML 常用标签及属性

4.HTML 常用标签及属性

作者: 麋鹿觅路迷了lu | 来源:发表于2018-08-26 13:47 被阅读0次
    HTML 标签表

    1. 链接

    标签:
        <a></a>
    属性:
        href:链接地址
        target:打开方式
            _blank:新标签页打开
            _self:当前页面打开(默认)
        title:链接提示
    

    2. 文本标记

    标题元素

    <h1></h1>
    <h2></h2>
    <h3></h3>
    <h4></h4>
    <h5></h5>
    <h6></h6>
    

    文本样式

    斜体:
        <i></i>
    粗体:
        <b></b>
    删除线:
        <s></s>
    下划线:
        <u></u>
    上标:
        <sup></sup>
    下标:
        <sub></sub>
    

    段落元素

    <p></p>
    

    换行元素

    <br/>
    

    分割线元素

    标签:
        <hr/>
    属性:
        size:尺寸
        width:宽度
        color:颜色
        align:水平对齐方式
            left/center/right
    

    分区元素

    块分区元素:
        <div></div>
    行内分区元素:
        <span></span>
    

    块级元素与行内元素

    块级元素:
        <p></p>
        <div></div>
        <h1~6></h1~6>
    行内元素:
        <img/>
        <a></a>
        <i></i>
        <b></b>
        <s></s>
        <u></u>
        <sub></sub>
        <sup></sup>
        <span></span>
    

    3. 图像

    标签:
        <img/>
    属性:
        src:图片地址
        width:图像宽度
        height:图像高度
    

    4. 表格

    标签:
        <table></table>
    属性:
        width:宽度
        height:高度
        border:边框宽度
        bgcolor:背景颜色
        cellpadding:内边距
        cellspacing:外边距
        align:水平对齐方式
            left/center/right
    

    子元素

    标签:
        <tr></tr>(创建表行)
    属性:
        bgcolor:背景颜色
        align:水平对齐方式
            left/center/right
        valign:垂直对齐方式
            top/middle/bottom
    
    标签:
        <td></td>(创建单元格)
    属性:
        width:宽度
        height:高度
        align:水平对齐方式
        valign:垂直对齐方式
    
    <caption></caption>(表格标题)
    <th></th>(列标题)
    <thead></thead>(表头)
    <tbody></tbody>(表主体)
    <tfoot></tfoot> (表尾)
    

    5. 列表

    有序列表

    <ol>
        <li></li>
    </ol>
    属性:
        type:标识类型,默认为数字排列
            1(默认)/a/A/i/I
        start:定义起始值,默认从1开始
    

    无序列表

    <ul>
        <li></li>
    </ul>
    属性:
        type:标识类型
            disc(默认)/circle/square/none
    

    自定义列表

    <dl>
        <dt>列表中的标题</dt>
        <dd>列表中的数据</dd>
    </dl>
    

    6. 表单

    标签:
        <form></form>
    属性:
        name:表单名称
        action:提交地址
        method:提交方式
            get/post
    

    input 元素

    标签:
        <input/>
    属性:
        name:控件名称
        type:控件类型
        value:值
        disabled:禁用
    

    常用表单控件

    文本框:
        <input type="text"/>
    密码框:
        <input type="password"/>
        属性:
            readonly:控件只读
            maxlength:限制字符数
    单选按钮:
        <input type="radio"/>
    复选框:
        <input type="checkbox"/>
        属性:
            checked:设置默认被选中
    提交按钮:
        <input type="submit"/>
    重置按钮:
        <input type="reset"/>
    普通按钮:
        <input type="button"/>
    图片按钮:
        <input type="image" src=""/> 
    文件选择框:
        <input type="file"/>
    隐藏域:
        <input type="hidden"/>
    

    button 元素

    <button>内容</button>
    

    select 和 option 元素

    <section name="">
        <option value="" selected></option>
    </section>
    

    7. 结构标记

    <header></header>
    <nav></nav>
    <aside></aside>
    <article></article>
    <section></section>
    <footer></footer>

    相关文章

      网友评论

          本文标题:4.HTML 常用标签及属性

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