html、html5、浏览器内核差异(乾坤未定，你我皆是黑马2）

本篇讲HTML标签、浏览器内核差异、HTML5标签
HTML（Hypertext Markup Language）全称是“超文本标记语言”.标记语言一般以ML结尾，与编译语言的区别就是没有逻辑与行为，是一堆被动的信息.

使用记事本，随便写点字，文件重命名，后缀名从".txt"改成".html"

双击或拖拽至浏览器打开

经过我们初步认识，发现html不就是网页吗！
HTML 文档 = 网页

html这玩意有个基本结构

这是一个声明，告诉浏览器按照哪个HTML版本进行处理，它必须写在第一行，凡是第一行写了别的东西，将使用怪异模式渲染。

html标签告诉浏览器这是一个html文档

文档的头部描述了文档的各种属性和信息,都有啥呐？
标签，化妆的，也是化妆的，唱歌跳舞的，忽悠浏览器的

body元素定义文档的主体,我们的标签就放在这里面

标签与元素有啥区别？

HTML 标签是由尖括号包围的关键词，比如
HTML 元素指的是从开始标签到结束标签的所有代码

w3chool
这个网址对应着一些常用标签

补充一点跨行跨列，colspan=‘2’ rowspan=‘2’

定义列表

无序列表

有序列表

复习一遍：

浏览器内核差异

1.我们用的 谷歌、 火狐，内核是 webkit,这玩意火的一批

2.opera浏览器用presto内核，presto的内核
3.臭名昭著的IE浏览器的内核------三叉戟（Trident）,当年很火
4.还有khtml，速度快，其实webkit是从khml衍生出来的

html5语义化

  不行就背几个凑合凑合：**header** **footer** **nav** **article** **section** **aside**

多媒体标签：


需要记住的有：width height src loop autoplay muted
audio跟video用法一样，是用来播放音频的，常用属性：autoplay loop src contronls

表单：

是个图片按钮，长得好看的按钮

学了上面的普通标签，语义化标签，多媒体标签，表单标签之后，HTML你就会用了。

补充知识点

这个标签是用来当画布的，配合js使用

canvas快速入门
里面放了一个矢量图形，是一个图
区别是：SVG 指可伸缩矢量图形，而Canvas是一个像素一个像素画上去的，放大缩小相当于重新画

nini

iframe标签，它会创建一个子窗口，name名字 frameborder边框宽度
a标签 ，target 控制哪个在窗口打开，默认是_self，在当前窗口打开，设置成_blank就会新窗口打开，也可以写上iframe的name，就会这相应窗口打开

今日超纲案例：灰太狼

下面是用 canvas画的**灰太狼**，后面我们一起学这玩意儿

    


    






    


    

    当前浏览器不支持canvas

    

---

只有拥有了css后html才会变好看呦

下一篇css、css3快速入门