HTML系统学习之七 <CSS单位，HTML常用实体，HTML的头部，HTML事件>

来源：互联网发布：php 聊天室设计思路编辑：程序博客网时间：2024/05/22 11:43

参考资料来源W3School（http://www.w3school.com.cn）

CSS 单位

尺寸

单位描述%百分比in英寸cm厘米mm毫米em

1em 等于当前的字体尺寸。

2em 等于当前字体尺寸的两倍。

例如，如果某元素以 12pt 显示，那么 2em 是24pt。

在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。

ex一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)pt磅 (1 pt 等于 1/72 英寸)pc12 点活字 (1 pc 等于 12 点)px像素 (计算机屏幕上的一个点)

颜色

单位描述(颜色名)颜色名称 (比如 red)rgb(x,x,x)RGB 值 (比如 rgb(255,0,0))rgb(x%, x%, x%)RGB 百分比值 (比如 rgb(100%,0%,0%))#rrggbb十六进制数 (比如 #ff0000)

HTML最常用的字符实体

字符实体有三部分：一个和号 (&)，一个实体名称，或者 # 和一个实体编号，以及一个分号 (;)。

显示结果描述实体名称实体编号空格  <小于号<<>大于号>>&和号&&"引号""'撇号' (IE不支持)'

其他一些常用的字符实体

显示结果描述实体名称实体编号￠分¢¢£镑££¥日圆¥¥§节§§©版权©©®注册商标®®×乘号××÷除号÷÷

关于HTML 头部

根据 HTML 标准，仅有几个标签在 HTML 的头部分是合法的。它们是：<base>, <link>, <meta>, <title>, <style> 和 <script>。

<head>定义关于文档的信息。<title>定义文档标题。<base>定义页面中所有链接的基准 URL。<link>定义资源引用。<meta>定义元信息。

<meta content="5;url=http://www.baidu.com" http-equiv="Refresh" />

上面代码实现在5秒钟后，页面重定向百度首页。还有某些万维网搜索引擎使用 meta 标签的 name 和 content 属性来索引页面。

URL Schemes因特网服务的类型。最流行的类型是 http

以下是其中一些最流行的 scheme：

Schemes访问file本地 PC 上的文件。ftpFTP 服务器上的文件。httpWorld Wide Web 服务器上的文件。gopherGopher 服务器上的文件。newsUsenet 新闻组。telnetTelnet 连接。WAISWAIS 服务器上的文件。

比方说<a href="ftp://www.w3school.com.cn/ftp/winzip.exe">Download WinZip</a>代码创建一个下载文件的链接。

<a href="someone@w3school.com.cnmailto:someone@w3school.com.cn">someone@w3school.com.cn</a>代码创建一个指向您的邮件系统的链接。

关于HTML脚本

标签描述<script>定义脚本。<noscript>定义在脚本无法执行的情况下的替代文本。<object>定义嵌入的对象。<param>为对象定义 run-time 设置(参数)。<applet>不赞成使用。请使用 <object>。

关于HTML事件

<a href="/index.html" onmouseover="alert('Welcome');return false">onmouseover</a>

事件处理器的值是一个或一系列以分号隔开的 Javascript 表达式、方法和函数调用，并用引号引起来。效果如下：

onmouseover,这里不行

窗口事件 (Window Events)

仅在 body 和 frameset 元素中有效。

属性值描述onload脚本当文档载入时执行脚本onunload脚本当文档卸载时执行脚本

表单元素事件 (Form Element Events)

仅在表单元素中有效。

属性值描述onchange脚本当元素改变时执行脚本onsubmit脚本当表单被提交时执行脚本onreset脚本当表单被重置时执行脚本onselect脚本当元素被选取时执行脚本onblur脚本当元素失去焦点时执行脚本onfocus脚本当元素获得焦点时执行脚本

图像事件 (Image Events)

该属性可用于 img 元素：

属性值描述onabort脚本当图像加载中断时执行脚本

键盘事件 (Keyboard Events)

在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, 以及 title 元素。

属性值描述onkeydown脚本当键盘被按下时执行脚本onkeypress脚本当键盘被按下后又松开时执行脚本onkeyup脚本当键盘被松开时执行脚本

鼠标事件 (Mouse Events)

在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title 元素。

属性值描述onclick脚本当鼠标被单击时执行脚本ondblclick脚本当鼠标被双击时执行脚本onmousedown脚本当鼠标按钮被按下时执行脚本onmousemove脚本当鼠标指针移动时执行脚本onmouseout脚本当鼠标指针移出某元素时执行脚本onmouseover脚本当鼠标指针悬停于某元素之上时执行脚本onmouseup脚本当鼠标按钮被松开时执行脚本