HTML5基础

1、发展历史：2014年才产生了html5

2、web三大标准：结构 html ；表现 css ；行为 js(javascript)

3、html的语法规范：单标签：   <标签名称/> ；双标签：<标签名称 属性="属性值"></标签名称>

4、常用的标签：

（1）标题标签：h1~h6      h1通常放置重要的内容（如logo） ，

特点： 字体越来小 ，加粗痕迹越来越细 

（2）段落换行标签形式：<p></p>   默认间距

 （3）加粗标签 ：<strong></strong> 、<b></b>    注意：strong的加粗效果比b强，只是人看不出来而已

（4）倾斜标签：<em></em>、   <i></i>

（5） 水平线标签 ：<hr> 

（6）强制转换行标签：<br>

（7） 空格标签 :&nbsp ；

（8）尖叫符号：&lt；&gt;(<>)

（9）列表标签 ：①有序列表 ol>li ：是带有序号的； ② 无虚列表 ul>li ：带实心圆的，自动缩进字符 ③ 自定义列表：dl>dt+dd

（10） 超链接：  a href ="跳转的地址" 注意：必须要有http:// title 属性；   提示文本 target 控制用户点击后打开窗口的方式：①  _self 原窗口  ②  _blank 新窗口

（11） 图片标签 ：img 单标签（内联元素也是置换元素）：①  src ：图片的地址   ②   alt ：当图片加载失败的时候提示文本 ③  title 属性：即加载成功后，鼠标放在图片上面，提示图片的文本还活着名字  ；可以设width/height/border 宽度/高度/边框              

  （12）路径 ：①  相对路径 ：同级找同级→ 目标文件的名字.后缀名 ；②  上级找下级 →目标文件的文件夹/目标文件 ；③ 下级找上级： ../目标文件 绝对路径 含有盘符的路径 （在工作中不推荐使用）

5、常用元素

（1） div:没有具体含义，作为一个盒子用来做网页布局（可以说是一个大盒子）

（2） span: 没有具体含义 嵌套/包裹一段文本（小盒子）

6、表格：现在用来做数据展示

（1）标签：table>tr>td 初始样式（即默认）是没有边框，也没有宽度、高度大小，则应用此标签是需要进行设置

（2）属性：width/height  宽度/高度    数值单位：像素（px）  border边框     bordercolor边框颜色           bgcolor(background-color) 背景颜色       cellspcing 边框的线条宽度      cellpadding 单元格文本和边框的距离  

（3）对齐方式:  

align (属性值有：left、center、right)水平方向 ；    Center在表格的当中不同位置的作用： ①  table:控制整个表格在浏览器中间显示  ② tr:控制一行内文本在水平方向居中     ③  td:控制的某一个单元格文本水平居中

valign  垂直方向 ：top   bottom   middle   

（4）合并方式 ：① 行合并  rowspan=“填数字” ；

② 列合并  colspan=“填数字”

 注意：跨行合行，跨列合列

7、表单作用：收集用户信息

（1）表单框/域：form  可以看成一个盒子

（2）属性：①  action  行为/动作 ：接后台地址  

②   name  表单框的名字

③   method  方式/方法 常用：  post   get  (也还有其他pull、 push )   

地址栏中的一个“ 问号 ”表示：接参数

8、表单控件：单标签   input

 ①  name  表单控件的名字    ②  size  尺寸大小-字符数    ③  maxlength  最大长度   ④  type  value（属性值）： Ⅰ、text 默认值 为文本输入框                      Ⅱ、password   密码     使用placeholder 时不占位置