html 常用及掌握知识点

目前常用标签一览(单标签完整,双标签简写)

　　开头主体标签 html head title style script <meta/> <link/> 

　　块标签: div p body h1~h6 ul ol li 

　　行内标签: span i em b strong a

　　行内块标签： input button img textarea select option

　　功能标签: <br/> <hr/> <iframes> label <!-- --> 

　　表格标签: table thead tbody tr th td 

常设属性(有关样式除非是行间设置和外联样式设置不同的 一般都写在外联样式中)

　   class 可重复 多个空格隔开   .

　　id     一个页面只能出现一次 且一个标签只能有个id值 #

　　title  提供信息常用鼠标移入时会出现

　　style 设置样式常写入外联

　　href  a标签专属连接地址

　　target 锚点 

　　src   外联文件地址

　　alt  img常用图片加载失败时的信息

　　name  使之可以跟其他标签产生关联

　　value   input值

　　type    input标签常用 其他的如script link也用 但不常用了 类型

　　表格标签好多属性 但不常用了 colspan rowspan等

常用规则

　　块可以包任意 但p不能包块

　　行内只能包行内 但a可以包任意

　　块可以设宽高 行内不行

　　块站一行  行内不会

　　块的宽度随父级 行内靠内容撑开

　　对margin padding 有区别 

布局思路

　　标签语义化

　　结构的合理化

常见布局

　　半包围布局

　　响应式布局

　　浮动布局

　　定位布局