AS P.NET2.0Web数据库开发教程课件作者宫继兵第3章节HTML与页面设计.pptVIP

第3章 HTML与页面设计 本章要点及学时安排 学会使用HTML的常用标记 学会在HTML页面中建立和调整表格 熟练使用HTML的超链接和图片 熟悉HTML页面的框架 理解HTML和ASP.NET的关系 理解“初步设计学生管理信息系统用户界面”的含义并举一反三 -学时安排 教学内容 HTML简介 HTML网页的段落与文字 在HTML网页中使用超链接 在HTML网页中使用图片 在HTML网页中使用表格 在HTML网页中设定框架 在HTML网页中建立表单 教学内容 HTML和ASP.NET 设计学生管理信息系统用户主页面 3.1 HTML简介 HTML（Hyper Text Markup Language，超文本标记语言）是一种描述性语言,由文本和标记（Tag）组合而 成。后缀名是.htm或者.html 【例3-1】第一个HTML文件 3.2 HTML网页的段落与文字 网页中常用的几种与段落和文字有关的基本标记及其属性 注释!--注释内容 -- 标题hn 换行和段落br和p 水平分割线hr div和span  【例3-2】使用hr画一条水平分隔线，运行结果如图： （体会基本标记及其属性） 3.3 在HTML网页中使用超链接 超链接a标记代表一个链接点，它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像。 主要语法 : a href = 本机上带绝对或相对路径的文件……/a 或者a href = Internet上的带URL的文件名……/a 在a和/a之间，是超链接要显示的文字或图片 。 例如： a href = “”用本窗口打开网易/a a href = “test.html” 用本窗口打开同一文件夹下的test.html页面 /a 3.3 在HTML网页中使用超链接 网页内部进行跳转，其基本格式是： a href＝“#链接点名称”第二部分/a 第一部分内容…… a name＝“链接点名称”/a 第二部分实际内容…… 这样当点击“第二部分”这个超链接后，就会自动转到“第二部分实际内容”这个地方来。 3.4 在HTML网页中使用图片 将图片插入HTML网页 指定图片区域设定超链接 3.4.1 将图片插入HTML网页 使用img标记可以在网页中插入图片。 主要语法： img src=图像文件的地址 alt=文字 border=边框宽度 width=图像宽度 height=图像高度 alt：当鼠标放在图片上时，显示的小段提示文字，一般用于说明此图片的标题或主要内容。当图像文件无法在网页中显示时，在图像的位置也会显示alt所设置的文字。 width和height :在默认情况下，如果改变其中一个值，则另一个值也会等比例进行调整，除非同时设置两个属性。 3.4.2 指定图片区域设定超链接 1.图片超链接 主要格式： a href = 链接地址 target = 目标窗口的打开方式img src = 片文件地址/a 2.图片的热区链接 除了对整幅图像设置超链接外，还可以将图像划分为若干区域，叫做“热区”，每个区域可设置不同的超链接。 包含热区的图像可以称为“映射图像” ，需要使用img标记的usemap属性，定义图像的映射图像名，语法格式为： img src = 图像文件地址 usemap = 映射图像名称 在图像中定义各个热区以及超链接，主要语法为： map name = 映射图像名称 area shape = 热区形状1 coords = 热区坐标1 href = 链接地址1 …… /map 其中area标记有两个重要属性： shape属性，用来定义热区形状。 coords属性，用来定义矩形、圆形或多边形区域的坐标。 3.5 在HTML网页中使用表格 建立一个HTML网页表格 设定表格行 在表格中加入单元格及其内容 3.5 在HTML网页中使用表格 在网页中使用table和/table标记来创建表格。在表格中横的称为行（row），用tr和/tr表示，每一行又可以分为很多列（column）或单元格（cell），用td和/td表示。 3.5.1 建立一个HTML网页表格 table标记常用语法格式为： table align = 对齐方式 bgcolor = 表格背景色 border = 边界宽度 bordercolor = 边界颜色 height = 表格高度 width = 表格宽度 cellpadding = n cellspacing = n …… /table 3.5.1 建立一个HTML网页表格 其中各属性的意义如下： ? al