大连理工大学软件工程课件第七章 Web技术和HTML.ppt

* * * * * * * * * * * * * * * * 7.3 HTML常用标签 7.3.3 丰富表格属性 7.3 HTML常用标签 7.3.4 图片与超链接 (1)显示图片URL为/img/logo-yy.gif的图片 (2)显示与c:\008001.jpg 的图片 (3)显示一个超链接，链接到 (4)显示一个超链接，链接到（要求在新窗口中打开新的链接） 7.3 HTML常用标签 7.3.4 图片与超链接 (1)img alt=pic src=/img/logo-yy.gif / (2)img alt=pic width=100px height=40 src= c:\008001.jpg / (3)a href=google/a (4)a target=_blank href=http://www. google/a 7.3 HTML常用标签 7.3.4 图片与超链接 (1)img：在html中显示图片。图片可以是网上的图片，也可以是本地硬盘中图片。其URL用src属性来标记 (2)alt 属性：img 标签的alt 属性属性标记了图片的提示文字。with 和height 属性分别标记了图片的宽度和高度。 (3)a/a ：标记一个超链接，用其href属性来标记超链接的URL。 (4)target属性：a/a 标签的target属性用来表示用哪个页面显示新的页面。例如”_blank”表示打开一个新的浏览器窗口，并在新的浏览器窗口中显示新的页面 7.3 HTML常用标签 7.3.4 图片与超链接? 7.3 HTML常用标签 7.3.5 多窗口页面 ? html head titleframes/title /head frameset cols=20%, 80% frame src= name=left/ frame src= name=right/ /frameset /html html head titleleft/title /head body left framebr / a href= target=rightHelloWorld/abr / a href= target=rightform/abr / /body /html 7.3 HTML常用标签 7.3.5 多窗口页面 ? 框架可以将浏览器窗口划分为若干个窗格，在每个窗格中都可以显示一个网页，从而可以取得在同一个浏览器窗口中同时显示不同网页的效果。框架网页通过一个frameset标记和多个frame标记来定义。在框架网页中，可将frameset标记置于head之后，以取代body的位置，还可以使用noframes标记框架不能被浏览器显示时的替换内容。 frameset/frameset为多窗口标记。其col 属性用来标记多窗口个列的宽度，可以以百分数表示（如20%），也可以以像素表示（如200px ）；frameset 标签还有rows 属性，用来表示此frameset 由多个行窗口组成。frameset 标签可以嵌套。 frame/frame为窗口标记，应嵌套在frameset 标签中。其src 属性用来标记这个frame 的路径。 本案例包含两段HTML 代码，第一段是标记了框架结构，即页面有左右两个frame 组成，左侧frame 占整个浏览器窗口20% 的宽度，右侧frame 占80% 的宽度。每个frame 的name 属性标记了这个frame 的名字。在第二段HTML 代码中，显示了左侧frame 的内容。其中target 属性标记了在哪个frame 中显示新的页面。 7.3 HTML常用标签 7.3.5 多窗口页面 ? * * * * * * * * * * * * * * * * * * * * * * * LOGO 第7章 Web技术和HTML 孙焘 重点： web技术概述 1 HTML的格式 2 HTML的常用标签 3 多frame页面设计 4 难点： HTML的格式掌握 1 Table标签的相关属性 2 7.1 Web技术概述 什么是万维网 Web的表现形式 什么是Web网站 Web网站的功能 Web的开发技术 7.1 Web技术概述 7.1.1 什么是万维网 World?Wide?Web称为万维网，简称Web。 它的基本结构是采用开放式的客户/服务器结构(Client/Server),分成服务器端、客户接收机及通讯协议三个部分。 7.1 Web技术概述 7.1.2 Web的表现形式 (1)超文本（hypertext） (2)超媒体（hypermedia） (3)超文本传输协议（HTTP） 7.1 Web技术概述 7.1.3 什么是Web网站