版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
XML语言XML语言的教学内容和目的本课程的主要内容：HTML的基本知识、XML的基本语法、基本属性、命名空间和基本应用；XSL样式表、XML链接、XML和DOM、XML与数据交换等。为提高学生的英语应用能力，本课程的部分内容使用英文。本课程的目的：了解脚本语言和动态网页的发展及现状、特点和开发环境；熟悉WEB程序设计思想和方法；基本上能利用脚本语言和XML编写简单实用的WEB应用程序。教材：《XML实用教程》，丁跃潮等编，北京大学出版社，2006年1月出版。参考书：有关XML的参考书，种类很多，可根据自己的情况选择。选择参考书时应注意偏重于编程经验和技能。教材和参考书第1章HTML基础了解网页设计的基本概念及HTML的基本知识掌握HTML文档的基本结构熟悉常用HTML元素标记功能及使用方法掌握格式化网页文本的常用方法熟悉在网页中链接的使用方法教学内容1HTML概述2HTML的标记3文字修饰4图像5列表6表格7色彩8超文本链接9表单10事件11脚本小结1.1HTML概述HTML是HyperTextMarkupLanguage的缩写，意思是“超文本标识语言”，它实际上是专门用来编写网页的一种编程语言。大多数网页的构成基础就是HTML的语句。
HTML文档的基本结构构成HTML文档基本结构的标记有： <HTML>,<HEAD>,
<BODY>。一个网页就是一个HTML文档，其基本结构如下：1.2如何编写一个HTML文件HTML文件是一个扩展名为.htm或.html的ASCII格式的文件任何一种可以编辑ASCII文件的编辑器记事本、写字板、Word等软件。扩展名应为htm或html。1.3HTML文件的调试<html><head><title>第一章HTML基础</title></head><body>HTML是HyperTextMarkupLanguage的缩写，意思是“超文本标识语言”。它实际上是专门用来编写网页的一种编成语言。大多数网页的构成基础就是HTML的语句。
</body></html>可以用网页浏览器对HTML文件进行调试，如例1
：2.1标记的一般特性标记的记述形式：<字符串>开始标记：<标记名称>结束标记：</标记名称>属性：属性名=“属性值”，包含在开始标记里，可以有多个元素：<标记名称属性名=“属性值”>内容数据</标记名称>元素包含多个属性时：<标记名称属性名1=“属性值1”属性名2=“属性值2”属性名3=“属性值3”>内容数据</标记名称>空元素：<标记名称属性名=“属性值”></标记名称>也可记为：<标记名称属性名=“属性值”/>2.2几个最常用的标记1.<html>和</html>在文档的最初和最后，定义一个HTML文档。2.<head>和</head>定义文档的头部，描述了文档的各种属性和信息，包括文档的标题<title>和</title>、在Web中的位置以及和其他文档的关系等。3.<title>和</title>定义文档的标题，在浏览器窗口的标题栏上显示。4.<body>和</body>定义文档的主体，包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）5.<hn>和</hn>定义子标题。其中n=1,2,…,6。<h1>定义最大的子标题，<h6>定义最小的子标题。如
例2
。6.<br/>插入一个简单的换行符。7.<p></p>定义段落，前后有空行。8.<hr/>在页面中创建一条水平线。如
例3
。3文字修饰一个网页大多由以下要素构成：文字、图片、表格、动画及声音等。文字是十分重要的要素。可以对文字的字号、字体的样式及颜色等进行修饰。3.1字号可以采用多种方式设置文字的大小。不过设置文字的大小后，其效果会受到网页浏览器中选项的影响。1.<small>和</small>显示小一号的字体。2.<big>和</big>显示大一号的字体。3.<fontsize=n>规定font元素中文本的尺寸大小。n是从1到7的数字。n=1时最小，n=7时最大。浏览器默认值是3。n也可以是带+号或-号数字，表示相对扩大或缩小字号。4.<basefontsize=n>为文档中的所有文本定义默认字体的大小。
3.1字号例4
设置文字大小的例子<html><head><title>设置文字的默认大小</title></head><body>
显示效果正常字号
<small>小号字</small><big>大号字</big><br><fontsize=1>1号字</font><br/><fontsize=2>2号字</font><br/><fontsize=3>3号字</font><br/><fontsize=4>4号字</font><br/><fontsize=5>5号字</font><br/><fontsize=6>6号字</font><br/><fontsize=7>7号字</font><br/><fontsize=-5>相对小5号字</font><fontsize=1>1号字</font><br><fontsize=+2>相对大2号字</font><fontsize=5>5号字</font></body></html>3.2字体式样1.<b>和</b>显示粗体字2.<I>和</I>显示斜体字3.<u>和</u>显示带下划线的字4.<strike>和</strike>显示带删除线的字5.<sub>和</sub>显示下脚标6.<sup>和</sup>显示上脚标3.3特殊标记由于<、>、&和“号是HTML的关键字符，要把这些字符当作数据使用时，就必须使用与之对应的特殊标记，也叫”实体”。<用<表示>用>表示&用&表示“用"表示也可用“&#字符编码;”的形式显示任一字符。其中字符编码可以是10进制也可以是16进制。16进制要在编码前加“x”字符。如“§”的编码是A7，则可在HTML中用§来表示。例5
字体式样和特殊标记的例子<html><head><title>使用字体样式和特殊标识</title></head><body><b>要粗体显示的文字</b><I>要斜体显示的文字</I><u>要下划线显示的文字</u><strike>要加上删除线显示的文字</strike><br/>
正常文字<sub>下标形式显示的文字</sub><br/>
正常文字<sup>上标形式显示的文字</sup><br/>
小于号<大于号><br/>
其他符号：§µ¥</body></html>4.图像在HTML中，图像由<img>标记定义。格式：<imgsrc=“文件名”alt=“文件说明”width=“数值”height=“数值”/><img>是空标签，它只包含属性。src属性为必须项，其值是图像文件的路径名或网络地址。alt属性为图像定义一串预备的可替换的文本。width和height属性规定图像的宽度和高度（单位为像素）使用图像的例子<html><head><title>使用图像的例子</title></head><body><p>一幅图像：<imgsrc="eg_mouse.jpg"width="128"height="128“/></p><p>一幅动画图像：<imgsrc="eg_cute.gif"width="50"height="50“/></p><p>请注意，插入动画图像的语法与插入普通图像的语法没有区别。</p></body></html>5列表列表是一种条理化地排列信息的方法它把内容一条条地水平排列显示，直观、清晰不同于表格，一般列表没有表格复杂。列表标记的通用格式<列表标记><条目标记1>条目内容1<条目标记2>条目内容2<条目标记3>条目内容3……</列表标记>一般<条目标记>为<li>列表标记1.<ul>和</ul>：条目前加符号<ultype=f>，f:disk,circle,square2.<ol>和</ol>：条目前加序号<oltype=f>，f:A,a,I,i,1<olstart=n>，n:数字,为起始序号例6
列表标记的使用例子<html><head><title>列表标识</title></head><body><ultype=circle><li>李白赠孟浩然
<li>杜甫望岳
<li>杜牧泊秦淮
</ul><olstart=10><li>李白赠孟浩然
<li>杜甫望岳
<li>杜牧泊秦淮
</ol><oltype=i><li>李白赠孟浩然
<li>杜甫望岳
<li>杜牧泊秦淮
</ol></body></html>例7
列表的嵌套<html><head><title>列表嵌套</title></head><body><h3>唐诗选读</h3><OL><LI>李白
<UL><LI>春思
<LI>月下独酌
<LI>赠孟浩然
</UL><LI>杜甫
<UL><LI>望月
<LI>佳人
<LI>梦李白
</UL><LI>杜牧
<UL><LI>赤壁
<LI>泊秦淮
<LI>秋夕
</UL></OL></body></html>6表格使用表格基本能实现对页面元素在浏览器中随心所欲的排版定位。表格通常用来显示大量的、分类化的信息，具有表示清晰、明了的特点，使用十分广泛。表格一般由以下几部分组成：表格名称、表格栏及表中数据。这与其他软件（如WORD）中所说的表格十分相同。6.1表格的定义表格由<table></table>标记来定义。这是一对用来指明表格范围的标记。通常使用的格式如下：<table>表格全部内容</table>表格的border属性使用表格的这一属性可以给表格加上框线。如<tableborder>表示表格是有表格线的，border的线宽默认为1。没有写border则表示表格是没有表格线的。一般用<tableborder=n>来设置“有线表格”和边框宽度。n是一个具体的数字，用来指定宽度的大小，单位是“像素”，默认为没有边框。当n为0时，也没有边框例8
设置表格边框的例子<html><head><title>这是有线表格和表格边框的例子</title></head><body><tableborder="2"><caption>表格标题</caption><tr><th>栏目名称1</th><th>栏目名称2</th><th>栏目名称3</th></tr><tr><td>数据1-1</td><td>数据2-1</td><td>数据3-1</td></tr><tr><td>数据1-2</td><td>数据2-2</td><td>数据3-2</td></tr></table></body></html>表格的width属性这一属性可以用来设置表格占整个页面的相对宽度，写法为：<tablewidth=n>。这里的n是一个具体的数字，可以是一个具体的数值，单位是像素，也可以是一个百分数（如100%）。如：80表示表格占80个像素单位的宽度；80%表示表格宽度占页面宽度的80%。表格的height属性这一属性可以用来设置表格的高度。其用法与<tablewidth=n>相似。使用相对方式来设置表格大小时，浏览器窗口大小的变化会影响到表格大小的变化。表格宽度、高度设置要合理，在视觉上要有美感。例9
表格占页面大小的例子<html><head><title>这是表格占页面相对大小的例子</title></head><body><tableborder="5"width=80%,height=50%><caption>表格占页面的80%</caption><tr><th>栏目名称1</th><th>栏目名称2</th><th>栏目名称3</th></tr><tr><td>数据1-1</td><td>数据2-1</td><td>数据3-1</td></tr><tr><td>数据1-2</td><td>数据2-2</td><td>数据3-2</td></tr></table><tableborder="5"width=70%,height=40%><caption>表格占页面的70%</caption><tr><th>栏目名称1</th><th>栏目名称2</th><th>栏目名称3</th></tr><tr><td>数据1-1</td><td>数据2-1</td><td>数据3-1</td></tr><tr><td>数据1-2</td><td>数据2-2</td><td>数据3-2</td></tr></table></body></html>6.2表格的标题用<caption>和</caption>标记来定义表格的标题通常使用的格式如下：<caption>表格标题内容</caption>6.3定义表格的一行用<tr>和</tr>标记来指明表格一行的内容。这一行可以是表格的栏目，也可以是数据。<tableborder=“1”><caption>表格标题</caption><tr><td>数据</td>…<td>数据</td></tr> ……<tr><td>数据</td>…<td>数据</td></tr></table><th>和<td>是有区别的，前者可以认为是表头的一部分，后者是表格内容部分
6.4表格的数据项用<td>和</td>标记来指明表格数据行中的一项一行可以由多项组成，它也必须嵌套在<tr>与</tr>之中使用<td>的属性：水平对齐方式align=x,x:left,center,right垂直对齐方式valign=y,y:top,middle,bottomnowrap:超长文本不自动换行单元格宽度width=数值列合并colspan=向右合并单元格的数目行合并rowspan=向下合并单元格的数目如果指定的td标签中colspan不为1且在最末的格，若后续的表格中最大列数恰等于这行的实际列数（不含最后标签coslpan比1大的部分）时，实际只显示了coslpan=1时的样式。rowspan同理例10
单元格合并的例子<html><head><title>这是表格栏目合并的例子</title></head><body><tableborder="2"><caption>表格标题</caption><tr><td>栏目名称1</td>
<tdcolspan=2>栏目名称2和3</td></tr><tr>
<tdrowspan=2>数据1-1</td><td>数据2-1</td><td>数据3-1</td></tr><tr><td>数据2-2</td><td>数据3-2</td></tr></table></body></html>
7.1色彩的表示方法一三原色浓度混合表示法(RGB)。把三原色的浓度(R、G、B)分别以两位的16进制数表示，即:00～FF。再把三种颜色的浓度数值按RGB顺序组合起来，前面再加个“#”号，即:#rrggbb的形式表示色彩。如：黑色为#000000、白色为#ffffff、墨绿色为#008040、深灰色为#808080等7.1色彩的表示方法二颜色名称颜色名称Black黑Red红White白Fuchsia洋红Navy深蓝Maroon棕Blue蓝Purple紫Aqua浅蓝Green绿Teal靛Olive橄榄色Silver银灰（浅灰）Lime柠檬绿Gray灰Yellow黄表1常见颜色列表用颜色的名称(英文)表示法：7.2文本的色彩1.在body的属性中，我们可以使用以下几种属性改变文本的颜色。(1)text属性：设置文本的颜色<bodytext=“#rrggbb”>(2)link属性：设置超连接文字的颜色<bodylink=“#rrggbb”>(3)vlink属性：设置鼠标指向超链接文字时的颜色<bodyvlink=“#rrggbb”>
2.<font>标记的color属性:局部设置文本的颜色<fontcolor=“#rrggbb”>着色的文本</font>7.3表格的颜色1.设置表格的背景色<tablebgcolor=“#rrggbb”>2.设置表格数据项的背景色<tdbgcolor=“#rrggbb”>4.设置水平线的颜色<hrcolor=“#rrggbb”/>例11
颜色设置的例子<html><head><title>这是颜色设置的例子</title></head><body>
颜色显示效果<br/><fontcolor=red><hl>问题与答案(红色)</hl><hrcolor=#808080/><fontcolor=blue>1、如何改变表格的背景颜色？(蓝色)<br/><fontcolor=olive>
这还不简单(橄榄色)。</body></html>8超文本链接超文本链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站，这符合人类的跳跃思维方式。链接的标志有文字和图形两种。可以制作一些精美的图形作为链接按钮，使它和整个网页融为一体。8.1超文本链接的概念所谓的超文本链接是指从一个网页指向一个目标的连接关系。这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。而在一个网页中用来表示超文本链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。8.2页面链接在HTML中创建超文本链接需要使用<a>标记符（结束标记符</a>不能省略），它的最基本属性是href，用于指定超文本链接的目标。通过为href指定不同的值，可以创建出不同类型的超链接。在HTML文件中用链接指针指向一个目标。其基本格式为：<ahref=“url”>标记超文本链接信息</a><ahref=“url”><imgsrc=“图像文件名”/></a>8.3页内链接超文本链接可以指向自己的计算机中的某一个文件的某处，这种链接方式叫做本地链接。在文件中需要创建一个标签(即做一个记号)，为页面中需要跳转到的位置命名。命名时应使用<a>标记符的name属性创建标签：<aname="标签名">此处创建了一个标签</a>建立本网页内部链接：<ahref=“#标签名”>本地链接信息</a>建立外部网页内部的链接：<ahref=“网页地址#标签名”>链接信息</a>例12
超链接的例子<HTML><HEAD><TITLE>使用本地链接</TITLE></HEAD><BODY>
<AHREF=#Internet>互联网</A><BR><BR><AHREF=#HTML>HTML简介</A><BR><BR><AHREF=#Consistency>多样化和统一性</A><BR><BR>
<Aname=Internet>互联网</A><BR><P>互联网是网络的网络。也就是说，计算机网络可以跨越国家甚至全球的范围连接到其他网络。世界上所有的计算机都可以通过TCP/IP传输协议绑定在一起。</P>
<Aname=HTML>HTML简介</A><BR><P>超文本标记语言是Web用来创建和识别文档的标准语言。虽然它不是标准通用标记语言(SGML)的子集，但与它有着某种程度上的关联。SGML是一种文档格式语言表示方法。</P>
<Aname=Consistency>多样性和统一性</A><BR><P>万事万物都离不开多样性和统一性这样一条基本准则。也就是说，所有的事物都可以融合成一个整体，同时，又保持自己独特的与众不同的一面。站点的独特性恰恰来源于它的一致性。颜色、字体、分栏布局以及其他设计元素应在站点的每个部分都保持一致。</P>
<AHREF="">关于我们</A><Ahref="mailto:xxx@">联系我们</A><BR></BODY></HTML>8.4电子邮件链接如果希望用户在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件，则可以在网页内包含发送电子邮件的功能。实现此功能所需的全部工作就是在链接标记中插入mailto值。如<ahref=mailto:webmaster@>管理员信箱</a>9表单<form>表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。表单用于搜集不同类型的用户输入数据，并将其传送给目标文件（程序）。
表单使用表单标签（<form>）定义。<formaction=“目标文件名”method=“传输方式”>...input元素...</form>9.1表单的输入:文本域多数情况下被用到的表单标签是输入标签（<input>）。输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下：文本域（Text）：当用户要在表单中键入字母、数字等内容时，就会用到文本域。<form>Firstname:<inputtype="text"name="firstname"/><br/>Lastname:<inputtype="text"name="lastname"/></form>9.1表单的输入:单选按钮单选按钮（Radio）：当用户从若干给定的的选择中选取其一时，就会用到单选框。<form><inputtype="radio"name="sex"value="male"/>Male<br/><inputtype="radio"name="sex"value="female"/>Female</form>9.1表单的输入:复选框复选框（Checkboxes）：当用户需要从若干给定的选择中选取一个或若干选项时，就会用到复选框。<form><inputtype="checkbox"name=“vehicle”value="bike"/>Ihaveabike<br/><inputtype="checkbox"name=“vehicle”value="car"/>Ihaveacar</form>9.2表单的确认按钮当用户单击确认按钮(submit)时，表单的内容会被传送到另一个文件：<inputtype=“submit”value=“确认按钮名称”/>。<form>Username:<inputtype="text"name="user"/><inputtype="submit"value="Submit"/>
</form>9.3表单的动作属性表单的动作属性（action）定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。传输方式属性（method）规定了数据是以显式的方式（get）传送还是以隐式的方式（post）传送。<formaction="html_form_action.asp"method="get">Username:<inputtype="text"name="user"/><inputtype="submit"value="Submit"/></form>10脚本向HTML添加脚本（Script），使其动态性和交互性更强。格式：<scripttype=“MIME类型”src=“URL”> 脚本</script>其中：type属性是必需的，指定脚本语言的种类，如：type=“text/javascript”表示JavaScript脚本type=“text/vbscript”表示VBScript脚本src属性是可选的，规定外部脚本文件的URL或文件名，如：src=”myscript.js“例13在HTML中插入脚本<html><head><title>ScriptTest</title></head><body><scripttype="text/javascript"> document.write("HelloWorld!")</script></body></html>10.1脚本放置的位置脚本可以分别放在HTML文件的head部分、body部分和外部。当页面载入时，会执行位于body部分的脚本。当被调用时，位于head部分的脚本才会被执行。10.2位于head部分的脚本当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到head部分后，就可以确保在需要使用脚本之前，它已经被载入了。<html><head><scripttype="text/javascript">functionmessage(){ alert("该提示框是通过onload事件调用的。")}</script></head><bodyonload="message()"></body></html>10.3位于body部分的脚本在页面载入时脚本就会被执行。当你把脚本放置于body部分后，它就会生成页面的内容。<html><head></head><body><scripttype="text/javascript"> document.write("该消息在页面加载时输出。")</script></body></html>
10.4使用外部脚本有时，你也许希望在若干个页面中运行相同的脚本，同时不在每个页面中写相同的脚本。为了达到这个目的，你可以将脚本写入一个外部文件之中。<html><head></head><body><scriptsrc="/js/example_externaljs.js“/><p>实际的脚本位于名为"xxx.js"的外部脚本中。</p></body></html>11HTML的事件属性在现代浏览器中都内置有大量的事件处理器。这些处理器会监视特定的条件或用户行为，例如鼠标单击或浏览器窗口中完成加载某个图像。通过使用客户端的JavaScript，可以将某些特定的事件处理器作为属性添加给特定的标签，并可以在事件发生时执行一个或多个JavaScript命令或函数。事件处理器的值是一个或一系列以分号隔开的Javascript表达式、方法和函数调用，并用引号引起来。当事件发生时，浏览器会执行这些代码。例如，当把鼠标移动到一个超链接时，会启动一个JavaScript函数。<a>标签中的一个特殊的onmouseover属性就是“mouseover”事件处理器，由它来完成这项工作：<ahref="/index.html"onmouseover="alert('Welcome');returnfalse">aaaaaa</a>注意alert函数里面的双引号变成了单引号11.1窗口事件仅在body元素中有效。属性名值描述onload脚本当文档载入时执行脚本onunload脚本当文档卸载时执行脚本11.2键盘事件属性名值描述onkeydown脚本当键盘被按下时执行脚本onkeypress脚本当键盘被按下后又松开时执行脚本onkeyup脚本当键盘被松开时执行脚本11.3鼠标事件属性名值描述onclick脚本当鼠标被单击时执行脚本ondblclick脚本当鼠标被双击时执行脚本onmousedown脚本当鼠标按钮被按下时执行脚本onmousemove脚本当鼠标指针移动时执行脚本onmouseout脚本当鼠标指针移出某元素时执行脚本onmouseover脚本当鼠标指针悬停于某元素之上时执行脚本onmouseup脚本当鼠标按钮被松开时执行脚本11.4表单元素事件属性名值描述onchange脚本当元素改变时执行脚本onsubmit脚本当表单被提交时执行脚本onreset脚本当表单被重置时执行脚本onselect脚本当元素被选取时执行脚本onblur脚本当元素失去焦点时执行脚本onfocus脚本当元素获得焦点时执行脚本使用事件的例子<html><head><scripttype="text/javascript">functionmouseOver(){document.b1.src="eg_mouse.jpg"}functionmouseOut(){document.b1.src="eg_mouse2.jpg"}</script></head><body><ahref="index.html"><imgborder="0"src="eg_mouse2.jpg"name="b1"onmouseover="mouseOver()"onmouseout="mouseOut()"/></a></body></html>HTML标记汇总:基本结构<html>和</html>定义一个HTML文档<head>和</head>定义文档的头部<title>和</title>定义文档的标题<body>和</body>定义文档的主体bgcolor=“#rrggbb”设置背景颜色text=“#rrggbb”设置文本的颜色link=“#rrggbb”设置超连接文字的颜色vlink=“#rrggbb”设置鼠标指向超链接时文字的颜色background=“file-name”设置背景图案HTML标记汇总:文本设置<font>和</font>文本串的修饰size=n设置文本字体的大小,n为1到7color=“#rrggbb”设置文本字体的颜色<basefontsize=n>设置全体文本字体的默认大小<small>和</small>显示小一号的字体<big>和</big>显示大一号的字体<b>和</b>显示粗体文字<i>和</i>显示斜体文字<u>和</u>显示带下划线的文字<strike>和</strike>显示带删除线的文字<sub>和</sub>显示下脚标文字<sup>和</sup>显示上脚标文字HTML标记汇总:图像<img src=“图像文件名” alt=“图像文件说明” width=“宽度” height=“高度”/>HTML标记汇总:排版<br/>换行<hn>和</hn>定义子标题，n为1到6<p>和</p>定义段落，前后有空行<div>和</div>定义区域块<span>和</span>定义行内元素<hrcolor=“#rrggbb”size=“n”width=“x”/>定义水平线color:线的颜色size:线的粗细width:线的长度HTML标记汇总:列表<ultype=f>和</ul>定义带符号的列表f:disk,circle,square<oltype=fstart=n>和</ol>定义带序号的列表f:A,a,I,i,1<li>和</li>定义列表条目HTML标记汇总:表格<table>和</table>定义表格border=n设定表格的边框,当n为0时没有边框width=x,height=y设定表格的宽度和高度<caption>和</caption>标记来定义表格的标题<tr>和</tr>定义表格的一行<td>和</td>定义表格数据行中的一项align=x设置水平对齐方式,x:left,center,rightvalign=y设置垂直对齐方式,y:top,middle,bottomnowrap超长文本不自动换行width=x设置单元格宽度colspan=x列合并,x:向右合并单元格的数目rowspan=y行合并,y:向下合并单元格的数目HTML标记汇总:链接<ahref=“url”></a>建立页面链接<aname=“label”></a>创建页内标签<ahref=“#label”></a>建立页内链接<ahref=“url#label”></a>建立页内链接<ahref=“mailto:mail-addr”></a>建立发送邮件链接HTML标记汇总:表单<formaction=“目标文件URL”method=“传输方式”><inputtype=“输入类型”name=“名称”>……<inputtype=“submit”value=“确认”></form>其中：form的method属性的值（传输方式）可以是“get”或“post”；input的type属性的值（输入类型）可以是text（文本框），radio（单选按钮），checkbox（复选框）。HTML标记汇总:脚本<scripttype=“MIME类型”src=“URL”>脚本</script>type的值为脚本的语言类型，是必需的属性。如”text/javascript”,“text/vbscript”等。src的值为外部脚本文件的URL，也可以是脚本文件名，是可选的属性。HTML标记汇总:事件窗口事件onload=“脚本”：加载时执行脚本onunload=“脚本”
；卸载时执行脚本鼠标事件click=“脚本”
：单击时执行脚本doubleClick=“脚本”
：双击时执行脚本表单元素事件onchange=“脚本”
：数据发生变化时执行脚本onsubmit=“脚本”
：表单被提交时执行脚本onblur=“脚本”
：失去焦点时执行脚本小结HTML是构成网页的最基本的元素。HTML文件是普通的文本文件，再加上一些标记构成的。HTML告知WWW浏览器有关字形的变化、表格设置或是一些超文本链接。浏览器会自动解释这些标记的含义，并按照一定的格式在屏幕上显示这些被标记的文件。HTML的优点是跨平台性，不管操作系统是什么，浏览器的显示结果相同，呈现出生动、活泼的WWW世界。谢谢！Chapter2XMLBasic1.IntroductiontoXML2.XMLUsage3.XMLSyntaxRules4.XMLElements5.XMLAttributes6.XMLValidation7.XMLNamespaces8.XMLCDATA9.Summary1IntroductiontoXMLXMLwasdesignedtotransportandstoredata.HTMLwasdesignedtodisplaydata.1.1WhatisXML?XMLstandsforeXtensibleMarkupLanguage;XMLisamarkuplanguagemuchlikeHTML;XMLwasdesignedtocarrydata,nottodisplaydata;XMLtagsarenotpredefined.Youmustdefineyourowntags;XMLisdesignedtobeself-descriptive;XMLisaW3CRecommendation.1.2TheDifferenceBetweenXMLandHTMLXMLisnotareplacementforHTML.XMLandHTMLweredesignedwithdifferentgoals:XMLwasdesignedtotransportandstoredata,withfocusonwhatdatais;HTMLwasdesignedtodisplaydata,withfocusonhowdatalooks;HTMLisaboutdisplayinginformation,whileXMLisaboutcarryinginformation.1.3XMLdoesnotDOanythingMaybeitisalittlehardtounderstand,butXMLdoesnotDOanything.XMLwascreatedtostructure,store,andtransportinformation.ThefollowingexampleisanotetoTove,fromJani,storedasXML:<note><to>Tove</to><from>Jani</from><heading>Reminder</heading><body>Don'tforgetmethisweekend!</body></note>Thenoteaboveisquiteselfdescriptive.Ithassenderandreceiverinformation,italsohasaheadingandamessagebody.Butstill,thisXMLdocumentdoesnotDOanything.Itisjustinformationwrappedintags.Someonemustwriteapieceofsoftwaretosend,receiveordisplayit.1.4WithXMLYouInventYourOwnTagsThetagsintheexampleabove(like<to>and<from>)arenotdefinedinanyXMLstandard.Thesetagsare"invented"bytheauthoroftheXMLdocument.ThatisbecausetheXMLlanguagehasnopredefinedtags.ThetagsusedinHTMLarepredefined.HTMLdocumentscanonlyusetagsdefinedintheHTMLstandard(like<p>,<h1>,etc.).XMLallowstheauthortodefinehis/herowntagsandhis/herowndocumentstructure.1.5XMLisNotaReplacementforHTMLXMLisacomplementtoHTML.ItisimportanttounderstandthatXMLisnotareplacementforHTML.Inmostwebapplications,XMLisusedtotransportdata,whileHTMLisusedtoformatanddisplaythedata.MybestdescriptionofXMListhis:XMLisasoftwareandhardwareindependenttoolforcarryinginformation.1.6XMLisEverywhereXMLbecameaW3CRecommendationsinceFebruary10,1998.XMLisnowasimportantfortheWebasHTMLwastothefoundationoftheWeb.XMListhemostcommontoolfordatatransmissionsbetweenallsortsofapplications.2HowcanXMLbeUsed?XMLisusedinmanyaspectsofwebdevelopment,oftentosimplifydatastorageandsharing.
2.1XMLSeparatesDatafromHTMLIfyouneedtodisplaydynamicdatainyourHTMLdocument,itwilltakealotofworktoedittheHTMLeachtimethedatachanges.WithXML,datacanbestoredinseparateXMLfiles.ThiswayyoucanconcentrateonusingHTMLforlayoutanddisplay,andbesurethatchangesintheunderlyingdatawillnotrequireanychangestotheHTML.WithafewlinesofJavaScriptcode,youcanreadanexternalXMLfileandupdatethedatacontentofyourwebpage.2.2XMLSimplifiesDataSharingIntherealworld,computersystemsanddatabasescontaindatainincompatibleformats.XMLdataisstoredinplaintextformat.Thisprovidesasoftwareandhardwareindependentwayofstoringdata.Thismakesitmucheasiertocreatedatathatcanbesharedbydifferentapplications.2.3XMLSimplifiesDataTransportOneofthemosttime-consumingchallengesfordevelopersistoexchangedatabetweenincompatiblesystemsovertheInternet.ExchangingdataasXMLgreatlyreducesthiscomplexity,sincethedatacanbereadbydifferentincompatibleapplications.2.4XMLSimplifiesPlatformChangesUpgradingtonewsystems(hardwareorsoftwareplatforms),isalwaystimeconsuming.Largeamountsofdatamustbeconvertedandincompatibledataisoftenlost.XMLdataisstoredintextformat.Thismakesiteasiertoexpandorupgradetonewoperatingsystems,newapplications,ornewbrowsers,withoutlosingdata.2.5XMLMakesYourDataMoreAvailableDifferentapplicationscanaccessyourdata,notonlyinHTMLpages,butalsofromXMLdatasources.WithXML,yourdatacanbeavailabletoallkindsof"readingmachines"(Handheldcomputers,voicemachines,newsfeeds,etc),andmakeitmoreavailableforblindpeople,orpeoplewithotherdisabilities.2.6XMLisUsedtoCreateNewInternetLanguagesAlotofnewInternetlanguagesarecreatedwithXML.Herearesomeexamples:XHTML;
WSDLfordescribingavailablewebservices;WAPandWMLasmarkuplanguagesforhandhelddevices;RSSlanguagesfornewsfeeds;RDFandOWLfordescribingresourcesandontology;SMILfordescribingmultimediafortheweb.
2.7IfDevelopersHaveSenseIftheyDOhavesense,futureapplicationswillexchangetheirdatainXML.Thefuturemightgiveuswordprocessors,spreadsheetapplicationsanddatabasesthatcanreadeachother'sdatainXMLformat,withoutanyconversionutilitiesinbetween.3.XMLSyntaxRulesThesyntaxrulesofXMLareverysimpleandverystrict.Therulesareveryeasytolearn,andveryeasytouse.Becauseofthis,creatingsoftwarethatcanreadandmanipulateXMLisveryeasytodo.XMLdocumentsuseaself-describingandsimplesyntax.AnexampleXMLdocument:<?xmlversion="1.0"encoding="ISO-8859-1"?><note><to>Tove</to><from>Jani</from><heading>Reminder</heading><body>Don'tforgetmethisweekend!</body></note>Thefirstlineinthedocument-theXMLdeclaration-definestheXMLversionandthecharacterencodingusedinthedocument.Inthiscasethedocumentconformstothe1.0specificationofXMLandusestheISO-8859-1(Latin-1/WestEuropean)characterset.Thenextlinedescribestherootelementofthedocument(likeitwassaying:"thisdocumentisanote").Thenext4linesdescribe4childelementsoftheroot(to,from,heading,andbody).Andfinallythelastlinedefinestheendoftherootelement.CanyoudetectfromthisexamplethattheXMLdocumentcontainsaNotetoTovefromJani?Don'tyouagreethatXMLisprettyself-descriptive?3.1AllXMLelementsmusthaveaclosingtag
WithXML,itisillegaltoomittheclosingtag.InHTMLsomeelementsdonothavetohaveaclosingtag.ThefollowingcodeislegalinHTML:<p>Thisisaparagraph<p>ThisisanotherparagraphInXMLallelementsmusthaveaclosingtag,likethis:<p>Thisisaparagraph</p><p>Thisisanotherparagraph</p>
Note:YoumighthavenoticedfromthepreviousexamplethattheXMLdeclarationdidnothaveaclosingtag.Thisisnotanerror.ThedeclarationisnotapartoftheXMLdocumentitself.ItisnotanXMLelement,anditshouldnothaveaclosingtag.3.2XMLtagsarecasesensitiveUnlikeHTML,XMLtagsarecasesensitive.WithXML,thetag<Letter>isdifferentfromthetag<letter>.Openingandclosingtagsmustthereforebewrittenwiththesamecase:<Message>Thisisincorrect</message><message>Thisiscorrect</message>3.3AllXMLelementsmustbeproperlynestedImpropernestingoftagsmakesnosensetoXML.InHTMLsomeelementscanbeimproperlynestedwithineachotherlikethis:<b><i>Thistextisboldanditalic</b></i>
InXMLallelementsmustbeproperlynestedwithineachotherlikethis:<b><i>Thistextisboldanditalic</i></b>
3.4AllXMLdocumentsmusthavearootelement
AllXMLdocumentsmustcontainasingletagpairtodefinearootelement.Allotherelementsmustbewithinthisrootelement.Allelementscanhavesubelements(childelements).Subelementsmustbecorrectlynestedwithintheirparentelement:<root><child> <subchild></subchild></child></root>3.5Attributevaluesmustalwaysbequoted
WithXML,itisillegaltoomitquotationmarksaroundattributevalues.
XMLelementscanhaveattributesinname/valuepairsjustlikeinHTML.InXMLtheattributevaluemustalwaysbequoted.StudythetwoXMLdocumentsbelow.Theleftoneisincorrect,therightiscorrect:<?xmlversion="1.0" encoding="ISO-8859-1"?><notedate=12/11/2002><to>Tove</to><from>Jani</from></note>Theerrorinthefirstdocumentisthatthedateattributeinthenoteelementisnotquoted.Thisiscorrect:date="12/11/2002".Thisisincorrect:date=12/11/2002.<?xmlversion="1.0" encoding="ISO-8859-1"?><notedate="12/11/2002"><to>Tove</to><from>Jani</from></note>3.6WhitespaceandnewlineWithXML,thewhitespaceinyourdocumentisnottruncated.ThisisunlikeHTML.WithHTML,asentencelikethis:Hello
mynameisTove,willbedisplayedlikethis:HellomynameisTove,becauseHTMLstripsoffthewhitespace.3.7WithXML,anewlineisalwaysstoredasLFDoyouknowwhatatypewriteris?Well,atypewriterisatypeofmechanicaldevicetheyusedinthepreviouscentury:Afteryouhavetypedonelineoftextonatypewriter,youhavetomanuallyreturntheprintingcarriagetotheleftmarginpositionandmanuallyfeedthepaperuponeline.
InWindowsapplications,anewlineinthetextisnormallystoredasapairofCRLF(carriagereturn,linefeed)characters.InUnixapplications,anewlineisnormallystoredasaLFcharacter.MacintoshapplicationsuseonlyaCRcharactertostoreanewline.3.8CommentsinXMLThesyntaxforwritingcommentsinXMLissimilartothatofHTML. <!--Thisisacomment-->3.9ThereisnothingspecialaboutXMLItisjustplaintextwiththeadditionofsomeXMLtagsenclosedinanglebrackets.SoftwarethatcanhandleplaintextcanalsohandleXML.Inasimpletexteditor,theXMLtagswillbevisibleandwillnotbehandledspecially.InanXML-awareapplicationhowever,theXMLtagscanbehandledspecially.Thetagsmayormaynotbevisible,orhaveafunctionalmeaning,dependingonthenatureoftheapplication.4XMLElementsXMLEleme
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- HY/T 0273.2-2023海洋灾害风险评估和区划技术导则第2部分：海浪
- 考点05 全等三角形（解析版）
- 课改版八年级下册《Unit 12 Working at the Vet's》同步练习卷
- 2024秋四年级英语上册 Module 8 Unit 1 We're going to visit Hainan教案 外研版（三起）
- 2024秋六年级语文上册 第六单元 18 只有一个地球教案 新人教版
- 2024秋八年级语文上册 第4单元 17昆明的雨教案 新人教版
- 2024秋八年级数学上册 第十一章 三角形11.1 与三角形有关的线段 3三角形的稳定性教学设计（新版）新人教版
- 2024七年级英语下册 Unit 6 I'm watching TV教案设计（新版）人教新目标版
- 2024年五年级语文下册 第五单元 习作：形形色色的人新学习单教案 新人教版
- 2024年五年级英语上册 Unit 6 It's a grapefruit Fun Facts教案 人教精通版（三起）
- xx医院涉医突发事件应急处置预案
- GB/T 2423.17-2024环境试验第2部分：试验方法试验Ka：盐雾
- 4.2 凝聚法治共识 课件-2024-2025学年统编版道德与法治九年级上册-1
- 第一次月考试卷（月考）-2024-2025学年三年级上册数学人教版
- 江苏省建筑施工高处坠落预防措施图集
- 2024粤东西粤北地区教师全员轮训培训心得总结
- 初中体育与健康 初二 水平四(八年级)田径大单元教学设计+快速跑教案
- 华东师大版2024七年级数学上册 第一章 有理数 单元测试卷
- 第06章-隋唐五代的设计(中国设计史)
- 4.1 10的再认识-一年级上册数学课件
- 2024年湖北省武汉市中考语文试卷真题（含答案逐题解析）
评论
0/150
提交评论