《与页面设计》ppt课件

《与页面设计》ppt课件

ID:27210073

大小:3.16 MB

页数:40页

时间:2018-11-29

《与页面设计》ppt课件_第1页
《与页面设计》ppt课件_第2页
《与页面设计》ppt课件_第3页
《与页面设计》ppt课件_第4页
《与页面设计》ppt课件_第5页
资源描述:

《《与页面设计》ppt课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第3章HTML与页面设计参考网站:http://www.blabla.cn/html_tutorials/all_index.html含有示例演示环境,HTML在线编辑器,用来在线测试各种示例的运行结果本章要点及学时安排学会使用HTML的常用标记学会在HTML页面中建立和调整表格熟练使用HTML的超链接和图片熟悉HTML页面的框架理解HTML和ASP.NET的关系理解“初步设计学生管理信息系统用户界面”的含义-学时安排-本章要点本章授课学时为1-2学时练习和上机学时为1-2学时教学内容HTML简介HTML网页的段落与文字在HTML网页中使用超链接在HTML

2、网页中使用图片在HTML网页中使用表格在HTML网页中设定框架在HTML网页中建立表单HTML和ASP.NET设计学生管理信息系统用户主页面3.1HTML简介HTML是一种描述性语言,由文本和标记组合而成,后缀名是.htm或.html【例3-1】第一个HTML文件a)双击html文件显示结果b)在浏览器中输入地址显示结果3.2HTML网页的段落与文字网页中常用的几种与段落和文字有关的基本标记及其属性注释标题换行和段落

水平分割线


【例3-2】使用
画一条水平分隔线,运行结果如图

3、:3.3在HTML网页中使用超链接超链接:代表一个链接点,将当前位置的文本或图片连接到其他的页面、文本或图像。主要语法:…………在之间,是超链接要显示的文字或图片如:用本窗口打开网易用本窗口打开同一文件夹下的test.html页面3.3在HTML网页中使用超链接网页内部进行跳转,其基本格式是:

4、名称”>第二部分第一部分内容……第二部分实际内容……这样当点击“第二部分”这个超链接后,就会自动转到“第二部分实际内容”这个地方来。3.4在HTML网页中使用图片将图片插入HTML网页指定图片区域设定超链接3.4.1将图片插入HTML网页使用标记可以在网页中插入图片主要语法:alt:当鼠标放在图片上时,显示的小段提示文字,一般用于说明此图片的标题或主要内容。当图像文件无法在网页中显示时,在图像的

5、位置也会显示alt所设置的文字。width和height:在默认情况下,如果改变其中一个值,则另一个值也会等比例进行调整,除非同时设置两个属性。3.4.2指定图片区域设定超链接1.图片超链接主要格式:2.图片的热区链接除了对整幅图像设置超链接外,还可以将图像划分为若干区域,叫做“热区”,每个区域可设置不同的超链接。包含热区的图像可以称为“映射图像”,需要使用标记的usemap属性,定义图像的映射图像名,语法格式为:

6、=映射图像名称>在图像中定义各个热区以及超链接,主要语法为:……其中标记有两个重要属性:shape属性,用来定义热区形状。coords属性,用来定义矩形、圆形或多边形区域的坐标。【例3-4】图片热区链接,显示效果如下:如果鼠标移动到图片“?”附近的矩形区域,光标会变成小手的形状,单击则打开help.html页面。3.5在HTML网页中使用表格建立一个HTML网页表格设定表格行在表格中加入单元格及其内容3.5在HTML网页中使

7、用表格在网页中使用

标记来创建表格:在表格中横的称为行(row),用和表示,每一行又可以分为很多列(column)或单元格(cell),用和表示。语法如下:………………
单元格内的文字单元格内的文字
单元格内的文字单元格内的文字
3.5.1建立一个HTML网页表格标记常用语法格式为:

8、er=边界宽度bordercolor=边界颜色height=表格高

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。