HTML5常用标签

标题标签：

h1~h6：字体大小逐渐减小

p标签：一般用于写文章，独占一行

br、hr标签：换行标签、水平线标签

div标签：盒子标签经常用来布局，不会修饰文本

span标签：行内标签，一般用来放需要单独修饰的文本，宽度高度适应文本。常用div+span布局

文本修饰标签：

i标签 -->em标签 ---字体为斜体

b标签 -->strong标签 ---字体变粗

s标签 -->del标签 ---字体带删除线

u标签 -->ins标签 --->字体带下划线

img标签：

src: 相对路径/绝对路径 -->相对于当前文件的路径/指向图片的地址

-->./:当前同层的文件(夹) ../:返回上一级文件(夹)的文件(夹),从三到二 ../../:返回上级的上级,从三返回到一

alt: 图片加载失败时提示内容

只设置一个宽/高 其高/宽会等比例缩放

a标签：

        href：跳转的地址 (也可以是其它ID值/空a标签的name值作为锚点 #id/#name)

        target:

                _self --> 当前页面打开

                _blank --> 打开一个新的页面

        dowenload 下载属性 属性值会作为下载后的文件名 没有属性值直接用以前的文件名作为下载文件名

列表标签

        有序列表:

              <ol tyepe="A"> <li></li></ol> 

                      tyep: a(序号abc) A(序号ABC) I(序号I II罗马数字) i(序号i ii) 1(序号123)

        无序列表:

                <ul type="square"><li></li> </ul> 

                        type : disc实心圆(默认值)  square方形 circle空心圆

        自定义列表:

                <dl><dt>名词</dt><dd>解释</dd>

                 dl:外层父元素

                dt:名词

                dd:对这个名词的解释

table表格：

 <table>

        <tr>

            <td></td>

        </tr>

    </table>

     tr：代表一行

    td:单元格 平分表格宽度

    border:边框

    cellspacing:单元格与外层边框距离

    cellspading:单元格边框与自己内容的距离

    align: 表格水平排列方式 -->可用于tr td

        left/center/right  左/居中/右

    valign:垂直方向排列方式(tr)  -->也可用在td

       top/middle/bottom 上/中/下

        caption：表格标题

    th 表头

合并单元格：

        colspan -->跨列合并: 跨几行等于几 同时删除第其它列的td 

        rowspan -->跨行合并: 跨几列等于几 同时删除第其它行的td

fortm表单:

        action:表单内容提交的服务器地址

        method：GET/POST 提交的方式

input标签：

        type：

            text:文本输入框

            password:密码输入框

            radio:单选按钮 name属性值一样表示同一组

            checkbox:多选框

            image:和提交按钮一样 只不过是以图片的形式

            submit:提交按钮 将当前表单提交到action对应的地址

            reset:重置按钮

            button:普通按钮

            textarea: 文本域

        label:点击label的文字聚焦input 用其label的for属性关联input标签的id属性

        disabled:禁用属性

        size:input框显示宽度

        maxlength:最多输入多少位

        value:输入框的值

        checked:单选框默认选择

select:下拉框

            option:选项

            selected:select默认选中项