《HTML高级教程》word版.docVIP

HTML高级教程第 1 章 详解HTML1.1 基本内容显示HTML的版本开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。查看本站首页原代码，可以看到第一行就是：打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，设计大师Zeldman的个人网站，会发现同样的代码。而另一些符合标准的站点(例如)的代码则如下：那么这些代码有什么含义？一定要放置吗？什么是DOCTYPE上面这些代码我们称做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。XHTML 1.0 提供了三种DTD声明可供选择： 过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下： 严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如。完整代码如下： 框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下：我们选择什么样的DOCTYPE理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站，使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。注：上面说的表现层的标识、属性是指那些纯粹用来控制表现的tag，例如用于排版的表格、背景颜色标识等。在XHTML中标识是用来表示结构的，而不是用来实现表现形式，我们过渡的目的是最终实现数据和表现相分离。名字空间DOCTYPE声明好以后，接下来的代码是：通常我们HTML4.0的代码只是，这里的xmlns是什么呢？这个xmlns是XHTML namespace的缩写，叫做名字空间声明。名字空间是什么作用呢？由于xml允许你自己定义自己的标识，你定义的标识和其他人定义的标识有可能相同，但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发生，XML采用名字空间声明，允许你通过一个网址指向来识别你的标识。例如：小王和小李都定义了一个标识，如果小王的名字空间是，小李的名字空间是，那么当两个文档交换数据时，也不会混淆标识，因为它属于不同的名字空间。更通俗的解释是：名字空间就是给文档做一个标记，告诉别人，这个文档是属于谁的。只不过这个谁用了一个网址来代替。XHTML是HTML向XML过渡的标识语言，它需要符合XML文档规则，因此也需要定义名字空间。又因为XHTML1.0不能自定义标识，所以它的名字空间都相同，就是/1999/xhtml。如果你还不太理解也不要紧，目前阶段我们只要照抄代码就可以了。后面的lang=gb2312,指定你的文档用简体中文。Head区的其它设置收藏夹小图标如果你将本站加入收藏夹，可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单，首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区：为搜索引擎准备的内容代码如下，替换成你自己站点的内容就可以： 允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索，推荐采用robots.txt方法 设置站点作者信息 设置站点版权信息 站点的简要介绍(推荐) 站点的关键词(推荐)1.2 文档基础为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。通常这样定义就可以了。但是要补充说明的是，XML文档并不是这样定义语言编码的，XML的定义方式如下：你在M的首页代码第一行就可以看见类似的语句，这也是W3C推荐使用的定义方法。那为什么我们不直接采用这种方法呢？原因是一些浏览器对标准的支持不完善，不能正确理解这样的定义方法，比如IE6/windows。所以在目前过渡方案下，我们依然推荐使用meta方式。当然，你可以两种方法都写。看本站源代码，你会发现语言编码定义的地方还多一句：这是针对老版本浏览器写的，以保证各种浏览器都能正确解释页面。注意：在上面声明语句的最后，你看到有一个斜杠/，这和我们以前的HTML4.0的代码写法不同。原因是XHTML语法规则要求所有的标识都必须有开始和结束。例如和、和等，对于不成对的标识，要求在标识最后加一个空格，然后跟一个/。例如写成、写成，加空格的原因是避免代码连在一起浏览器不识别。文档基础：为HTML文档提供基本结构的标记。元素与属性定 义.标记HTML文档的开始和结束background=URL指定作为背景的图像（HTML 3.2+）bgcolor=color指定背景颜色（color可以是名字或十六进制数）（HTML 3.2+）text=color指定文本颜色（HTML 3.2+）link=color指定网页的链接颜色（HTML 3.2+）alink=color指定网页的活动链接颜色（HTML 3.2+）vlink=color指定网页已访问过的链接的颜色（HTML3.2+）leftmargin=n指定文档左边与浏览器窗口左边缘的距离（Miccrosoft）topmargin=n指定文档上边与浏览器窗口上边缘的距离（Miccrosoft）rightmargin=n指定文档右边与浏览器窗口右边缘的距离（MS IE 4.0）bottommargin指定文档下边与浏览器窗口下边缘的距离（MS IE 4.0）bgproperties=fix固定背景图像的位置（不让图像滚动）（Micorsoft）scroll=yes/no打开或关闭滚动条（MS IE 4.0）onLoad=script/img载入文档时启动程序的事件或装载图像onUnload=script制裁文档时启动程序的事件.标记HTML文档的标题.标记HTML文档的开始和结束.标记HTML文档的标题（在首部使用）在HTML文档中加注释定义文档所用的DTD（HTML info是DTD名）提供文档的元信息HTTP-EQUIV=name与文档中数据相关的HTTP文件首部content=name与命名HTTP首部相关的数据name=name文档的描述URL=URL与元信息相联系的URL1.3 文本风格类型文本风格类型：以下这些标记可以改变文本的风格，即改变文本显示的样式。元素与属性定 义.使文本变为黑体.使文本成为大字体（通常为1号）（HTML 3.2 +）设置文档的缺少字体特性（HTML 3.2 +）size=n设置字体的缺省大小（n在1到7之间）（HTML 3.2 +）color=color设置字体的缺少颜色（color可以是名字或十六进制数）（HTML 4.0 +）face=fontname设置缺省字体（HTML 4.0 +）.使文本闪烁（Netscape）.文本字体标记size=n根据值n改变字体大小（n可以是1到7的任一数字或一个正数）或负数来指示与基本字体大小的偏差（HTML 3.2 +）color=color改变字体颜色（color可以是名字或十六进制数（HTML 3.2 +）face=fontname如果本地系统存在指定的字体，则改变字体样式为该字体(HTML4.0+).使文本成为斜体.插入滚动文本的滚动文本框（Microsoft）behavior=behavior文本滚动形式（scroll、slide、alternate）bgcolor=color滚动文本框的背景色（color可以是名字或十六进制数）direction=direction文本滚动方向（left、right、up、down）height=n以像素为单位的滚动文本框高度width=n以像素为单位的滚动文本框宽度hspace=n滚动文本框周围总的水平空间vspace=n滚动文本框周围总的垂直空间loop=n文本滚动次数scrolldelay=n刷新间隔（以毫秒计）scrollamount=n一次刷新滚动的文本数truespeed用指定的精确延迟值来滚动文本（MS IE 4.0+）.给文本加上删除线（HTML 3.2 +Netscape用.）.以小字体显示文本（HTML 3.2 +）.以下标显示文本（HTML 3.2 +）.以上标显示文本（HTML 3.2 +）.给文本加下划线1.4 内容文本类型内容文本类型：以下这些标记可以改变文档中文本的内容样式，即可以表示文本的潜在意义。元素与属性定 义.指示网页的作者、联系信息等等.指示引用.包含全码（来自计算机程序）.指示文档的以前版本中删除的文本（HTML 3.0、4.0）cite=URL对修改做出说明的文档的位置（HTML 4.0）datetime=datetime修改的日期时间（datetime采用ISO标准格式）(HTML4.0).指示一个定义.强调文本.指出文档标题（n为1（最大标题）到6（最小标题）之间的整数align=alignment设置标题对齐方式（alignment为left、center、right）（HTML3.2+）或justify（HTML4.0）.指示添加文档的以前版本中的文本（HTML3.0 4.0）cite=URL指示文档的以前版本中删除的文本（HTML4.0）datetime=datetime修改的日期时间（datetime采用ISO标准格式）(HTML4.0).区分来自计算机的输入和输出.指示来自其他来源的引用（HTML 3.0 4.0）cite=URL指示引用的源文档（HTML 4.0）.指示一个文字字符的样本.着重强调文本.指示一个变量1.5 文档空间文档空间：下表这些标记控制文本块显示的空间位置。元素与属性定 义.创建一个引用块cite=URL指示引用的源文档（HTML 4.0）插入外换行clear=alignment清除文本换行(alignment为left、right、none或all）（HTML 3.2+）.文本居中(同div align=center）（HTML3.2+）.在Web网页中标记分割（HTML3.2+）align=alignment分割的对齐方式(left、center、right(HTML3.2+)或justify（HTML4.0）加入一条水平线align=alignment水平线的对方方式size=n线的粗度（HTML3.2+）noshade使线变黑（HTML3.2+）width=n%指定线宽(n为0到100之间的整数）（HTML3.2+）color=color线的颜色(color可以是名字或十六进制数）（MS）.创建多列文本（Netscape3+）cols=n列数gutter=n列间的象素width=n每列的宽度.把文本不换行符地标记出来（MS/Netscpae）.创建一个段align=alignment段的对方方式.指示预格式化文本width=n以字符计的文本宽度（HTML3.2+）spacer创建水平或竖直间隔type=type使用空间类型（type可以为horizontal、vertical或blocksize=n水平或垂直空间的大小width=n块空间的宽度height=n块空间的高度align=alignment块空间的对齐方式（left、center或right）在不能中断的行中加入软回车（Microsoft）1.6 链接链接：下表这些标记可以用来创建到Web网页、FTP和Gopher站点以及其他因特网资源的链接。元素与属性定 义.定义一个链接锚点href=URL使用URL指示链接目标name=name指示文档一个小节的名字以备将来链接时使用shape=shape嵌入一个图片中的链接的形状(shap可以为circle,x,y,h; polygon x1,y1,x2,y2,.xn,yn;或者default(HTML 3.0 4.0)coords=n链接形状的坐标target=target指示链接的目标窗口(HTML 4.0)accesskey= character与Ctrl键联用的键用于快速切换到该链接(HTML 4.0)tabindex=n链接的tabbing次序(HTML 4.0)定义一个文档中相关链接的基URL(位于文档首部)target=target指定链接源的目标窗口（HTML 4.0）定义当前文档与其他文档之间的关系rel定义当前文档与其他文档之间的相关联的类型(也可用于将文档链接到程序或样式表)(HTML 4.0)rev其他文档与当前文档的逆向关联href=URL引用的URLtype=MIMEtype链接的文档的MIME类型(HTML 4.0)target=target指定链接资源的目标窗口(HTML 4.0)1.7 列表列表：这些标记可以在文档中创建不同的列表。元素与属性定 义.创建一个有序(编号)的列表compact显示列表的一个压缩版本type=type指定所用的顺序类型(type可以为A,a,I,i或1)(HTML3.2+)start=n列表的起始顺序(HTML 3.2+).创建一个无序(点圈)列表compact显示列表的压缩式版本type=type指定所用的点圈类型(type可以为circle,disc或square)(HTML 3.2+).创建一个术语列表compact显示列表的压缩式版本.创建一个菜单样式compact显示列表的压缩式版本.创建一个目录列表compact显示列表的压缩式版本在术语表中定义一个术语在术语中给出定义给出一个列表项(在、或中type=bullet type在点圈列表中为这个列表及随后的列表指定点圈类型(Bullet type可以为cicle,disc或square)(HTML3.2+)type=number type指定顺序列表中列表入口采用的顺序类型(number type可以为A,a,I,i或1)(HTML 3.2 +)value=n列表的起始计数，n为任何整数(HTML 3.2 +)1.8 表格元素与属性定 义.指定表格标题align=alignment标题的对齐方式（top，bottom，left，right）定义表格的基于列的缺省属性（HTML4.0）align=alignment行入口对齐方式（left，center，right，justify或char）valign=alignment行入口的垂直对齐方式（top，bottom，middle，或baseline）span=n组跨越的列数width=n列宽度（n是像素或百分比）一组表格列的容器（HTML4.0）align=alignment行入口的对齐方式（left，top，right，justify或char)valign=alignment行入口的垂直对齐方式（top，bottom，middle，或baseline）span=n组跨越的列数width=n列宽度（n是像素或百分比）.定义一个表格border=n以指定线号显示表格边框align=alignment表格的对齐方式（left，center，right或bleedleft，bleedright（Netscape）width=n整个表格的宽度（n是任意数字，可以为像素或百分比）bgcolor=color定义表格的背景色（color可以是名字或十六进制数）bordercolor=color定义表格边框的颜色（Microsoft）bordercolorlight= color定义3D表格边框亮色部分颜色（Microsoft）bordercolordark= color定义3D表格边框暗色部分颜色（Microsoft）background=URL定义表格背景图像的位置（Microsoft）cellspacing=n设置单元格之间的空间cellpadding=n设置单元格内容与边框之间的空间cols=n设置表格的列数（HTML4.0）frame=frame定义表格外边框的显示类型(frame可以void，above，below，hsides，lhs，vsides，box或border)(HTML4.0)height=n表格的高度（n可以为像素或百分比）rules=rule定义表格内边框的显示类型（rule可以为none，groups，rows，cols，all）（HTML4.0）.,.定义表格表头或表格数据项align=alignment一行入口的对方方式（left，center，right或justify，char）valign=alignment表格行入口的垂直对齐方式（top，middle，bottom或baseline）（HTML4.0）bgcolor=color定义表格的背景色（color可以是名字或十六进制数）bordercolor=color定义表格边框的颜色（Microsoft）bordercolorlight= color定义3D表格边框亮色部分颜色（Microsoft）bordercolordark= color定义3D表格边框暗色部分颜色（Microsoft）background=URL定义表格背景图像的位置（Microsoft）rowvspan=n表格的一个单元格可以覆盖的行数colspan=n表格的一个单元格可以覆盖的列数nowrap不许单元格内字符回绕width=n以像素计的单元格宽度（仅HTML3.2）height=n以像素计的单元格高度（仅HTML3.2）.在表格中新开始一行align=alignment行入口的对方方式（left，center，right或justify，char）valign=alignmetn表格行入口的垂直对齐方式（top，middle，bottom或baseline）（HTML4.0）bgcolor=color定义表格的背景色（color可以是名字或十六进制数）.定义表格体（Microsoft）align=alignment行入口的对方方式（left，center，right或justify，char）valign=alignmetn表格行入口的垂直对齐方式（top，middle，bottom或baseline）（HTML4.0）bgcolor=color定义表格的背景色（color可以是名字或十六进制数）.定义表格首部（Microsoft）align=alignment行入口的对方方式（left，center，right或justify，char）valign=alignmetn表格行入口的垂直对齐方式（top，middle，bottom或baseline）（HTML4.0）bgcolor=color定义表格的背景色（color可以是名字或十六进制数）.定义表格足部（Microsoft）align=alignment行入口的对方方式（left，center，right或justify，char）valign=alignmetn表格行入口的垂直对齐方式（top，middle，bottom或baseline）（HTML4.0）bgcolor=color定义表格的背景色（color可以是名字或十六进制数）1.9 图像与多媒体7.图像：下表这些标记用于网页中操作图像。元素与属性定 义.包含一幅内嵌图像align=alignment图像的对齐方式(alignment可以为top,middle,bottom, left或right)(HTML 3.2+)align=alignment图像的对齐方式(alignment可以为absbottom,absmiddle, baseline或texttop(Netscape/MS)alt=text图像的文本描述border=n以像素计的图片边框大小(HTML 3.2+)height=n图像的固定高度(HTML 3.2+)width=n图像的固定宽度(HTML 3.2+)hspace=n水平环绕空间(以像素计)(HTML 3.2+)vspace=n垂直环绕空间(以像素计)(HTML 3.2+)i8map定义图像为图像映射src=graphic filename图像文件名lowsrc=graphic filename图像低分辨率版本的文件名(Netscape)usemap=URL图像的客户方图像映射的URL(HTML 3.2+)dynsrc=URL显示的VRML世界或视频剪辑的URL(Microsoft)loop=n视频剪辑播放的次数(Microsoft).客户方图像映射的链接集合(HTML 3.2+)name=name图像映射的名字客户方图像映射中的链接(HTML 3.2+)cooros=coords链接位置所在的坐标href=URL链接目标nonref使图像映射中该区域处于非活动状态shape=shape链接的形状类型(shape可以为rect,circ,poly或defaultalt=text链接的代替文本tabindex=ntabbing的次数(HTML 4.0)target=target链接的目标窗口(HTML 4.0)1.10 表单表单：下表这些标记用来创建表单，包括不同类型的输入，还指定在提交时对表单结果所做的处理。元素与属性定 义.定义一个表单acton=URL处理表单结果的程序的位置（URL）method=method发送表单输入的方法(method可以为get或post)enctype=enctype表单数据的编码类型（HTML 3.2+）onsubmit=script表单提交时启动程序的事件（HTML 4.0）onReset=script表单重设时启动程序的事件（HTML 4.0）target=target指定链接源的目标窗口（HTML 4.0）创建表单的输入域type=表单的输入类型，如下所列checkbox复选框file允许用户附带文件（HTML 3.2+）accept=MIME type限制了接收的文件范围（HTML 4.0）hidden不可见输入image返回用户单击图像的位置信息（HTML 3.2+）radio单选框password密码text单行文本输入submit提交表单的按钮reset重设表单输入的按钮button表单上的普通按钮name=name这个输入变量的名字，如同程序中看到的(但不在表单中显示）size=n定义text表单显示的文本大小maxlength=ntext输入条目的最大长度value=text用来初始化hidden和text域的值,也用于radio和checkbox域disabled使域无效以防止输入文本checked初始化checkbox或radio域使之被选中readonly使域只读，用于checkbox,password,radio和text(HTML4.0)src=graphic filename指示用于image，submit和reset的图像文件名alt=text图像域的替代文本（HTML 4.0）align=align表单元素的对齐方式(align可为top,middle,bottom,left或right)tabindex=n设置tabbing次序（HTML 4.0）usemap=URL图像的客户端图像映射的URLonFocus=script当某一表单成为活动区域时启动程序的事件(HTML 4.0)onBlur=script当某一表单成为非活动区域时启动程序的事件(HTML 4.0)onSelect=script当表单某一文本元素被选中时启动程序的事件(HTML 4.0)onChange=script当某一表单域的值改变时启动程序的事件(HTML 4.0)accesskey=character与Ctrl键联用的键，用于快速切换到该链接(ME IE 4.0)定义可搜索的索引action=URL指示所用的网关程序（Microsoft）prompt=text指示提示符前显示的文本（HTML 3.2 +）指示菜单表单中的一个选项diabled使入口无效以防止被选中selected初始化入口使之被选中value=value指示这个条目被选中后返回的值.创建一个选择菜单name=name输入变量的名字，如程序中所见(但不在表单中显示)multiple允许选择多个菜单disabled使菜单无效防止被选中width=n菜单的固定宽度（Netscapte）height=n菜单的固定高度（Netscapte）size=n菜单高度tabindex=n设置tabbing次序（HTML 4.0）onFocus=script当某一表单成为活动区域时启动程序的事件(HTML 4.0)onBlur=script当某一表单成为非活动区域时启动程序的事件(HTML 4.0)onSelect=script当表单某一文本元素被选中时启动程序的事件(HTML 4.0)onChange=script当某一表单域的值改变时启动程序的事件(HTML 4.0)accesskey=character与Ctrl键联用的键，用于快速切换到该链接(ME IE 4.0).为表单创建多行文本输入区域（标记之间的所有文本成为表单的初始值）name=name输入变量名，如程序中所见（但不在表单中显示）rows=n文本区域中的行数cols=n文本区域中的列数disabled使表单无效以防止输入readonly使表单只读(HTML4.0)tabindex=n设置标记顺序位置（HTML 4.0）usemap=URL图像的客户端图像映射的URLonFocus=script当某一表单成为活动区域时启动程序的事件(HTML 4.0)onBlur=script当某一表单成为非活动区域时启动程序的事件(HTML 4.0)onSelect=script当表单某一文本元素被选中时启动程序的事件(HTML 4.0)onChange=script当某一表单域的值改变时启动程序的事件(HTML 4.0)accesskey=character与Ctrl键联用的键，用于快速切换到该链接(ME IE 4.0)wrap=wrap表单域采用的文本回绕类型(wrap可为off，physical或virtual)（Microsoft/Netscape）.将表单中一套域集合成组（HTML 4.0）.指定表单的域集合的说明或标题（HTML 4.0）.在表单中创建按钮，其标题使用两标记之间的文本name=name按钮的名字，用于提交程序或作为提交按钮value=value按下按钮时传送的值disabled防止按钮被按下type=type指定按钮类型（type可以submit或reset）tabindex=n设置tabbing次序（HTML 4.0）onFocus=script当某一表单成为活动区域时启动程序的事件(HTML 4.0)onBlur=script当某一表单成为非活动区域时启动程序的事件(HTML 4.0)accesskey=character与Ctrl键联用的键，用于快速切换到该链接(ME IE 4.0).表单域的标签（HTML 4.0）for=id将标签与属性值为id的域匹配disabled使标签无效accesskey=character与Ctrl键联用的键，用于快速切换到该链接(ME IE 4.0)onFocus=script当某一表单成为活动区域时启动程序的事件(HTML 4.0)onBlur=script当某一表单成为非活动区域时启动程序的事件(HTML 4.0)多媒体元素：下表这些标记可以在Web页中加入Java applet、JavaScript程序，以及其他多媒体元素。元素与属性定 义.加入Java applet（HTML 3.2 +）align=alignment定义applet的对齐方式（bottom,top,left或right）align=alignment定义applet的对齐方式（absbottom,absmiddle,baseline或texttop）（Microsoft/Netscape）code=filename定义applet的文件名codebase=URL定义applet的URLarchive=archive用逗号分隔的归档文件列表（HTML 4.0）object=object序列化的applet文档（HTML 4.0）height=n定义applet的高度width=n定义applet的宽度hspace=n定义applet的水平环绕空间vspace=n定义applet的垂直环绕空间name=name定义applet的名字以区别于网页上的其他appletalt=text在applet处显示替代文本加入媒体对像（Microsoft/Netscape）align=alignment定义对象的对齐方式（bottom,top,left,right, absbottom,absmiddle,baseline或texttop）alt=text在对象处显示的替代文本height=n定义对象的高度width=n定义对象的宽度hspace=n定义对象的水平环绕空间vspace=n定义对象的垂直环绕空间name=name定义对象名以区别于网页中的其他对象src=URL定义对象的URLcodebase=URL定义对象的基URL（Microsoft）.定义用于不支持对象嵌入的浏览器的替代文本(MS/Net).加入一个多媒体对象（HTML 4.）align=alignment定义对象的对齐方式（baselin,center,left,middle, right,textbottom,texttop）border=n定义对象边框的宽度classid=URL定义用于对象控制的类IDcodebase=URL定义对象的代码基URLcodetype=type定义对象的媒体类型data=URL定义对象数据的位置declare声明一个对象而不启动它height=n定义对象的高度width=n定义对象的宽度name=URL如果对象在表单中提交则定义其名字shapes指示对象含有一定形状的超链接standly=message定义对象载入时显示的消息type=type定义用于对象数据的媒体类型usemap=URL定义使用的客户方图像映射vspace=n定义对象垂直环绕空间width=n定义对象的宽度tabindex=n设置tabbing次序定义传送给Java applet的参数name=name定义变量名value=value定义传送给applet的值valuetype=type指定如何解释数据(date,ref或object)(HTML 4.0)type=type定义媒体类型（HTML 4.0）加入背景音乐（Microsoft）src=URL定义声音文件的URLloop=n定义播放声音的次数balance=n定义左右扬声器的平衡（n是一个从-10 000到+10 000之间