HTML框架

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。

  • Iframe-设置高度与宽度
    height和width属性用来定义iframe标签的高度与宽度。
    属性默认以像素为单位, 但是你可以指定其按比例显示 (如：“80%”)。
1
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
  • Iframe-移除边框
    frameborder 属性用于定义iframe表示是否显示边框。
1
2
设置属性值为 "0" 移除iframe的边框:
<iframe src="demo_iframe.htm" frameborder="0"></iframe>
  • 使用iframe来显示目标链接页面

iframe可以显示一个目标链接的页面
目标链接的属性必须使用iframe的属性，如下实例:

1
2
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.runoob.com" target="iframe_a">RUNOOB.COM</a></p>

HTML颜色

HTML颜色由红色、绿色、蓝色混合而成。
颜色值
HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。
每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。

HTML事件属性

  • 窗口事件属性（Window Event Attributes）
1
2
3
4
5
6
7
8
9
onbeforeonloadNew      -  在文档加载之前运行脚本
onblur                 -  当窗口失去焦点时运行脚本
onerrorNew             -  当错误发生时运行脚本
onfocus                -  当窗口获得焦点时运行脚本
onhaschangeNew         -  当文档改变时运行脚本
onload                 -  当文档加载时运行脚本
onmessageNew           -  当触发消息时运行脚本
onofflineNew           -  当文档离线时运行脚本
ononlineNew            -  当文档上线时运行脚本
  • 表单事件(Form Events)

表单事件在HTML表单中触发 (适用于所有 HTML 元素, 但该HTML元素需在form表单内):

1
2
3
4
5
6
7
8
9
10
11
onblur                  -  当元素失去焦点时运行脚本
onchange                -  当元素改变时运行脚本
oncontextmenuNew        -  当触发上下文菜单时运行脚本
onfocus                 -  当元素获得焦点时运行脚本
onformchangeNew         -  当表单改变时运行脚本
onforminputNew          -  当表单获得用户输入时运行脚本
oninputNew              -  当元素获得用户输入时运行脚本
oninvalidNew            -  当元素无效时运行脚本
onreset                 -  当表单重置时运行脚本。HTML 5 不支持。
onselect                -  当选取元素时运行脚本
onsubmit                -  当提交表单时运行脚本
  • 键盘事件（Keyboard Events）
1
2
3
onkeydown               -  当按下按键时运行脚本
onkeypress              -  当按下并松开按键时运行脚本
onkeyup                 -  当松开按键时运行脚本
  • 鼠标事件（Mouse Events）
1
2
3
4
5
6
7
onclick                 -  当单击鼠标时运行脚本
ondblclick              -  当双击鼠标时运行脚本
onmousedown             -  当按下鼠标按钮时运行脚本
onmousemove             -  当鼠标指针移动时运行脚本
onmouseout              -  当鼠标指针移出元素时运行脚本
onmouseover             -  当鼠标指针移至元素之上时运行脚本
onmouseup               -  当松开鼠标按钮时运行脚本
  • 多媒体事件(Media Events)
    通过视频（videos），图像（images）或者音频（audio）触发该事件，多应用于HTML媒体元素比如audio,embed,img,object, 和video)。