0913-关于百度注册的案例

本文分享了一个关于如何使用表单元素和表格进行布局的实际案例。通过创建表单并嵌入表格的方式,实现了用户注册界面的设计。文章还讨论了在布局过程中遇到的问题,如单元格的对齐和美观度调整。

    要完成这个案例,首先应明确表格及表单的布局。因为表格中有用到文本框等表单元素,所以首先应该插入一个表单,具体代码如下图所示,也可以用菜单命令等方法插入;表单创建好之后,就可以插入表格了,大致分为一个三行两列的表格,又或者直接插入一个表格在嵌套表格,自己喜欢怎么创建就怎么创建,当表格创建好之后,就可以插入图片了(ctrl+alt+I)找到百度logo的图片插入到第一行的第一个单元格中;然后设置第二个单元格的背景颜色,输入用户注册,也可以设置标题的大小(<h1>--<h6>),然后按照效果图在相应位置处输入相应的文字,其次就是在相应位置处插入文本字段、单选按钮、下拉列表、按钮等表单元素,总体来说还是比较简单的,虽然使用菜单命令等方法更容易实现,不过为了熟悉一下代码,建议还是自己敲一敲。

    期间遇到的主要问题是:由于有的单元格是拆分、合并的,所以可能没法与其他行或列相对齐或者是未达到自己想要的效果,这个让我很头痛,也导致页面不美观,不知道该怎么解决。

这是完成后的效果图:

下面是各部分的代码:




这是效果图,比对一下,看哪部分没实现?


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值