今天完成的事情：写了课程体系和上课地点的跳转，写了网页唤起QQ聊天的功能，写了一点响应式。

明天计划的事情：继续写响应式

遇到的问题： 页面完全是按照原图给的数值写的，但是这样写的话页面不能缩，很难写响应式布局。

收获：锚点的使用、HTML <embed> 标签

锚点

什么是锚点

在做一个很长的网页时，需要在页面内做一个导航，点击导航里的链接不是新开一个窗口或者跳转到其他网址，而是跳转到当前页的某一个位置。那么所要跳转到的那个位置，我们就叫做锚点，它是一种在页面内部定位的方式。

CSS锚点使用

1.

    <a href='#one'>到达第一个锚点</a>

    <a href='#two'>到达第二个锚点</a>

    <div id='one'>我是第一个锚点</div>

    <div id='two'>我是第二个锚点</div>

 这样当我们点击a链接时， 对应的DOM节点就会滚动到窗口顶部。

 但有时我们的需求并不是让它滚动到窗口顶部。 可能要他距离顶部有一定的距离。这时候可以由以下方法解决。

  <a href='#one'>到达第一个锚点</a>

    <a href='#two'>到达第二个锚点</a>

    <div id='one' style='margin:top:-100px;padding-top:100px'>

    <div >我是第一个需要滚动的内容</div>

   <div id='two' style='margin:top:-100px;padding-top:100px'>

    <div >我是第二个需要滚动的内容</div>

  这样就可以达到滚动后距离顶部200px的效果。而不影响原页面的样式

2.可以使用 name 属性来替代 id属性，命名锚同样有效。  

  <a href='#one'>到达第一个锚点</a>

  <a href='#two'>到达第二个锚点</a>

  <div name='one'>我是第一个锚点</div>

  <div id='name'>我是第二个锚点</div> 

3.跨页面跳转

设置锚点链接，在href中的路径后面追加：#+锚点名，即可

 如：<a href="page.html#mao">跳转到page页面</a>

<embed> 标签

<embed> 标签定义嵌入的内容，比如插件。

<embed> 标签有HTML5 中的新属性。

height 设置嵌入内容的高度。

src 嵌入内容的 URL。

绝对 URL - 指向另一个站点（href="http://www.example.com/hello.swf"）

相对 URL - 指向网站内的一个文件（比如 href="hello.swf"）

type 定义嵌入内容的类型。如type="application/x-shockwave-flash"

width 设置嵌入内容的宽度。

<embed> 标签的使用

如写一个 flash 动画，高度和宽度为200像素

<embed src="helloworld.swf" type="application/x-shockwave-flash" width="200" height="200" />