与其他HTML 标签一样，我们只需要应用<div></div>标签，将内容放置其中，便可以应用<div>标签。但是要注意的是<div>标签只是一个容器，作用是把相关内容组成一个块装区域。
<div>标签中除了直接放置文本之外，也可以放入其他标签，还可以把多个<div>进行嵌套使用，最终目的是合理的组织网页内容区域。
总结
➢使用<table></table>标签可以创建表格。
➢使用<tr></tr>标签可以为表格创建行。
➢使用<td></td>标签可以为表格的行创建数据单元格。
➢使用<th></th>标签可以为表格的首行或首列创建标题单元格。
➢表格的数据放置在单元格标签中。
➢使用<caption></caption>标签可以为表格创建标题。
➢使用colspan 属性或rowspan 属性可以实现相邻单元格合并。
➢使用<ol></ol>标签创建有序列表，使用<ul></ul>标签创建无序列表。
➢使用<li></li>标签可以为列表创建列表项目。
➢使用<marquee></marquee>标签可以实现图片或文字滚动。
➢使用<div></div>标签控制页面布局。
作业
1.制作网页显示欧洲信息技术市场产值表，如图2.14 所示。
图2.14 欧洲信息技术市场产值表
2.在网页中显示两行三列的表格，展示八月份访客浏览器的数据，如图2.15 所示。
图2.15 访客浏览器分析(www.chuimin.cn)
3.在网页中显示不规则表格，使用表格的colspan 和rowspan 属性完成表格单元格的合并，如图2.16 所示。
图2.16 不规则表格
4.在网页中显示订单详细信息的表格，使用colspan 属性实现单元格的合并，如图2.17 所示。
图2.17 订单详细信息
5.创建网页，模拟浏览器找不到网页时的显示结果，如图2.18 所示。
图2.18 找不到网页
6.在网页中实现图片和文字的布局，完成拍拍公告栏展示，如图2.19 所示。
图2.19 拍拍公告栏
拓展练习
1.在网页中使用嵌套表格，完成版权声明的制作，如图2.20 所示。
图2.20 版权声明
2.在网页中使用嵌套表格，完成一本图书信息的显示页面，如图2.21 所示。
图2.21 图书简介
有关基于HTML与CSS网页设计的文章
完成本任务所用到的主要知识点：标签标签标签问题已经制作了一个FLASH 动画，就像电视里的音乐MV 那样精致。这个动画的文件名为“gaoxyjni.swf”。分析FLASH 动画是网页中常见的多媒体类型。解决方案 新建网页文档3.html。 使用EditPlus 打开3.html 网页，在其中编写以下代码。图上机1.4弹出警告对话框单击按钮，浏览器将显示FLASH 动画，如图上机1.5 所示。图上机1.5FLASH 动画 使用chrome 浏览器测试这个网页，发现不能正常显示这个FLASH 动画。......
2023-10-19
本实例主要帮助用户了解复制在网页设计中的应用，这款网页界面以大量的色块作为主体，制作出类似于标签的效果，使浏览者可以更快、更精确地找到需要了解的内容。单击工具箱中的“矩形工具”设置RGB在画布中绘制如图2-53所示的矩形。图 2-54图 2-5503 修改矩形填充颜色为RGB，图像效果如图2-56所示。图 2-58图 2-5905 使用相同方法完成其他文字的输入，图像效果如图2-60所示。......
2023-11-17
2023-10-19
本实例主要为用户详细讲解自由变换在网页设计中的应用，此款界面以红色作为主色调，搭配黄色作为辅色，整体界面以喜庆祥和为主题，使浏览者感受到浓浓的节日氛围。单击工具箱中的“矩形工具”按钮，在画布中绘制任意颜色的正方形，如图2-88所示。将素材拖动到设计文档中，执行“编辑＞自由变换”命令，将图像缩放到合适大小，如图2-92所示。......
2023-11-17
作为完整的页面往往包含很多个部分，例如Logo、导航、Banner、菜单、主体和版底等，使用Photoshop设计界面时，按照规定的准则命名图层或图层组，不仅有利于快速查找和修改页面效果，还可以大幅提高切图和后期制作的工作效率，如图1-32所示为一款结构完整的网页界面设计。图 1-32下面列举了一些常用的CSS标准化设计命名，在使用Photoshop设计页面时，可以用英文名来命名每个部分。头：he......
2023-11-17
网页界面设计也具有了统一的设计特点，并且兼备了新时代的艺术形式。如图1-5所示为网页界面交互性的体现。图 1-5多维性多维性源于超链接，主要体现在网页设计中对导航的设计上。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的引人之处。......
2023-11-17
网页程序设计要使用多种技术和计算机语言，包括HTML、脚本程序设计、CSS样式表及美工技术等。只用HTML和CSS编写的程序只能在浏览器窗口展示静态页面，不能响应如鼠标事件、对表单的输入验证、页面变化等。JSP是基于Java体系的Web开发技术，用它进行服务器端的应用程序开发，如连接并读取数据库等。本章实训的内容是使用HTML进行客户端的静态网页程序设计和使用JavaScript进行客户端的动态网页程序设计。......
2023-11-19
图3.10例3.7 的运行结果_列表框及其选项说明要创建列表框及其选项，需要使用和标签嵌套。表示列表框中的一个选项，放置在这一对标签之间的文本是这个选项显示给浏览者看的文字。选项标签支持一些属性，可用于设置这个选项表示的数据，以及设定它是否在初始状态下被选中，见表3.4。表3.5标签的属性以下代码演示了可多选的列表框。例3.9：代码运行结果如图3.12 所示。......
2023-10-19
相关推荐