要完成这个案例,首先应明确表格及表单的布局。因为表格中有用到文本框等表单元素,所以首先应该插入一个表单,具体代码如下图所示,也可以用菜单命令等方法插入;表单创建好之后,就可以插入表格了,大致分为一个三行两列的表格,又或者直接插入一个表格在嵌套表格,自己喜欢怎么创建就怎么创建,当表格创建好之后,就可以插入图片了(ctrl+alt+I)找到百度logo的图片插入到第一行的第一个单元格中;然后设置第二个单元格的背景颜色,输入用户注册,也可以设置标题的大小(<h1>--<h6>),然后按照效果图在相应位置处输入相应的文字,其次就是在相应位置处插入文本字段、单选按钮、下拉列表、按钮等表单元素,总体来说还是比较简单的,虽然使用菜单命令等方法更容易实现,不过为了熟悉一下代码,建议还是自己敲一敲。
期间遇到的主要问题是:由于有的单元格是拆分、合并的,所以可能没法与其他行或列相对齐或者是未达到自己想要的效果,这个让我很头痛,也导致页面不美观,不知道该怎么解决。
这是完成后的效果图:
下面是各部分的代码:
这是效果图,比对一下,看哪部分没实现?