HTML5 快速入门

一个有具体功能的完整的网页一般由3个部分组成

HTML：网页的具体内容和结构

CSS：网页的样式

JavaScript：网页的交互效果（比如对用户鼠标事件作出响应）(熟练掌握)

HTML

*超文本标记语言，其实它就是文本，由“浏览器”负责将它解析成具体的网页内容。

*跟XML类似，由N个标签组成

*语法非常松散，目前最新版本5.0，俗称HTML5

*常见的HTML标签：

CSS：

*层叠样式表，用来控制标签样式，美化网页

*编写格式是键值对形式

*有三种书写形式：行内样式，页内样式，外部样式

*两大核心：选择器，属性。选择器优先级：针对性越强，优先级越高。

*CSS的优先级原则：

1》带有！important

2》在style属性中的样式

3》比较选择器的优先级，选择器优先级高的会覆盖优先级低得

4》比较选择器的先后顺序，后面的会覆盖前面饿（在选择器的优先级相等时）

标签类型：

1，块级标签

*独占一行，能随时设置自己的宽高（div,p,h1,ul,li）

2，行内标签

*多个行内标签能同时显示在一行，但是宽高不能自主设置，根据内容自动设置的。（span,a,label）

3，行内-块级标签：及能在同一行显示，又能设置自己的宽高。（修改display属性：none,inline,block,inline-block）

JS:

1，JS是一门广泛用于“浏览器客户端”的脚本语言。与JAVA毫无关系。

2，常见用途：

*DOM操作（节点操作：添加，删除，修改节点）

*给HTML网页增加动态功能，比如动画

*事件处理，比如监听鼠标点击，鼠标滑动，键盘键入

3，JS常见的书写方式有2种：

*页内JS：在当前网页的 script 标签中编写

*外部JS

4，用法：