ASP NET程序设计教程 金旭亮 24983-00第2章 HTML与XML

HTML与XML,北京理工大学计算机系金旭亮,ASP.NET程序设计之,主要内容,超文本标签语言HTML概述使用HTML设计网页XML技术基础,2,1超文本标签语言HTML概述,HTML是什么？,HTMLHyperTextMarkupLanguageHTML定义了网页的逻辑结构,html标签定义一个网页,head定义网页的头部，title定义网页的标题,body定义网页的主体,p启动一个段落,HTML文档拥有一种“嵌套”结构,4,HTML网页的基本构成单元,HTML文档结构由元素构成元素（Element）=开始标签（OpeningTag）+内容（Content）+结束标签（ClosingTag）例如：这是一个段落,5,HTML元素的属性,一个元素可以拥有一个或多个属性例如：请访问作者博客,6,XHTMLXML+HTML,XHTML是“遵循XML规范”的HTML使用DOCTYPE元素指定所遵循的标准：,7,请遵循XHTML规范编写网页,标签名称必须小写。属性名称必须小写，属性值用双引号括起来。标签必须严格嵌套。标记必须严格配对，即使是空元素也得封闭。XHTML区分“内容标签”与“结构标签”，结构标签不要嵌入到内容标签内。,8,DHTML,DHTML（动态的HTML）HTML/XHTML+CSS+JavaScriptHTML/XHTML用于定义文档结构CSS确定了信息的外在表现形式JavaScript则用于编程动态操控CSS和HTML,9,HTML文档的基本结构,HTML块,10,块元素和内联元素,块元素（blockelements）：代表网页中的块，比如由、等标签定界的元素。内联元素（inlineelements）：比如由、之类标签定界的元素，这些标签仅用于块的内部，不用于定义新块。,11,对于每一个HTML块元素，显示时浏览器都会自动在块元素前进行换行。,HTML文档与浏览器,浏览器（Browser）是一个HTML的“翻译官”，它阅读HTML网页，并解释它的含义，然后将解释结果显示在屏幕上,12,HTML文档的流式解析方式,Demo:一个简单的HTML网页Sample.htm从上到下顺序解析多线程显示,13,2使用HTML设计网页,网页设计工具,直接使用记事本使用ADOBEDreamWeaver,MicrosoftExpressinWeb等网页制作工具使用VisualStudio2008,15,处理文字和段落,注释：段落与换行:和预先格式化文本:分级标题：,等，列表：表项，无序，有序常用的字体样式：粗体：斜体和：下标和上标：删除线：下划线：用等宽字体显示文本,16,HTML转义字符,17,显示图像,Web图像的类型：Gif,JPEG和PNGimg标签重要属性：src:图像的urlalt:替换文本width、height:高度和宽度,18,超链接,标签重要属性：href:urltarget:目标框架区分相对链接与绝对链接定义书签：,19,图像和Email链接,图像链接：嵌套使用和定义Email链接给作者发邮件,20,设计表格,Demo:HTMLTable.html,table：表示表格本身caption：表示表格的标题tr：表示一行th：表示每列的开头td：表示表格的内容单元格,21,窗体,Demo：HTMLForm.html,一个HTML窗体由多个HTML输入控件组成，用于供用户输入数据HTML使用标签定义一个窗体,22,常用的HTML控件,Type值说明TEXT普通文本框PASSWORD输入密码框FILE选择文件框CHECKBOX复选框RADIO单选框BUTTON普通按钮SUBMIT提交按钮RESET重置按钮HIDDEN隐藏域IMAGE图像域（图像提交按钮）,每种HTML元素大都对应着ASP.NET的某个控件。,23,使用表单提交数据,用户通过HTML窗体提交数据。form元素的action属性指明接收并处理数据的处理程序（通常为.aspx网页），post属性指明数据提交的方法。,24,嵌入多媒体,Demo:播放声音和动画(playMultiMedia.htm)Demo:播放Flash(playFlash.htm)要点：均使用embed标签,25,3XML技术基础,26,当代互联网技术的三大基石,HTML：定义文档结构XML：表达信息本身CSS：确定了信息的外在表现形式,27,XML文档的格式要求,确定且唯一的根元素开始标签和结束标签匹配正确的元素标签嵌套属性值要用引号括起同一个元素的属性不能重复,28,XML语法,元素：文本内容处理指令：注释：属性：25000XML的名字空间（namespace）：,29,LarsPetersonReimburse