第7章Web技术和HTML=创新教育基础与实践=大连理工大学.pptVIP

* * * * * * * 7.3 HTML常用标签 7.3.3 丰富表格属性 tr/tr和td/td标签都具有bgColor 属性，用来标记一行或一个单元格的背景颜色。 width 和height 属性用来标记表格的宽和高，可以以百分数为单位（如20%），也可以以像素数为单位（如200px）。 align 属性用来标记表格的对齐方式，可是是left（左对齐）, right（右对齐）, 或center（居中显示）； border属性用来设置表格边框的宽度。 第三十页，共四十页。 7.3 HTML常用标签 7.3.3 丰富表格属性 第三十一页，共四十页。 7.3 HTML常用标签 第三十二页，共四十页。 7.3 HTML常用标签 第三十三页，共四十页。 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 多窗口页面 ? 第三十八页，共四十页。 结束 第三十九页，共四十页。 内容总结 第7章 Web技术和HTML。7.1 Web技术概述。7.2 HTML的格式。7.2.6 HTML版的Hello World。常用的HTML 编辑器有记事本，Dreamweaver, Frontpage等。HTML 3.2 -- 1996年1月14日,W3C推荐标准。HTML 4.0 -- 1997年12月18日,W3C推荐标准。XHTML 1.0 -- 发布于2000年1月26日, W3C推荐标准。7.2.6 HTML版的“hello world”。left framebr /。其src 属性用来标记这个frame 的路径。在第二段HTML 代码中，显示了左侧frame 的内容。结束 第四十页，共四十页。 * * * * * * * * * * * * * * * * * * * * * LOGO 第7章 Web技术和HTML 孙焘 第一页，共四十页。 重点： web技术概述 1 HTML的