前言
一切的实战系列都是为了更好的掌握
我们要做的的东西(样式)
做题心理准备一定要好
: 每当我们遇见问题的时候,首先我们都应该冷静下来。不要一看见题就觉得好麻烦,这样你就会给自己带来烦躁的情绪,这样你就输了一半了。即使会,你也会变得不会,因为你的脑海中在一开始给了自己一个暗示:这道题本来就难,我不会就正常;其实你动动脑子它很简单,只不过提前你的思维就偏离正轨了。这样导致的结果就是你会很后悔(这种感觉很难受),就好像一把游戏50分钟,你玩了48分钟,还有两分钟就赢了,但是在那两分钟内因为小小的举动,输了。如果你实在烦躁,放一首歌吧。
怎么做?
1.分析思考
:每当题下来一定要分析和思考,这样会让你事半功倍,我们仔细研究这张样式图;你如果仔细的话就可以发现,其实这道题很简单,我们只需要做出一个,其他基本就出来了,因为他们格式基本相同,只需要在细节上进行处理就行;
2.确定第一步
: 第一步可选性比较多,我们可以先做好表格,然后为其填充内容;也可以先写好内容,在进行表格填充;
3.确定第二步
: 当你选择好了第一步就是进行第二步了,第二步就是为第一步进行完善,因为我们通过看样式,大致格式一样,所以第二步就是完善细节;
4.随心所欲
: 之后你就可以自己更改一些内容,比如背景颜色,或者你的小想法。或许你的一个小想法,就会有很大的变化。
开始做
1.先做好第一行内容
: 我们回忆一下 HTML 表格相关的内容,我们所需要的内容都是简单的描述,对于一个表格我们必须要进行 边框宽度 单元格之间的空白 边框与单元格内容之间的距离
背景颜色 边框颜色 的定义。因为这是一个用户注册,你就必须使用 input 标签,所以这里还需要使用 form 表单。并且使用 get 提交。
如果你需要详细了解,请在我的另一篇博客中查看: 用HTML做一个属于你的 “世界“链接描述定义一个HTML表格
border 边框宽度
cellspacing 单元格之间的空白
cellpadding 边框与单元格内容之间的距离
bgcolor 背景颜色
bordercolor 边框颜色
width 宽度
align 对齐方式
定义表格中的行
定义表格中的单元格
定义表格中的表头
form标签
必须存在的属性:
action: 指定表单发送的目标URL地址
可选的属性:
method: 指定以何种方式发送表单
http协议指定了7种提交方式, 其中5种不用, 只用GET提交和POST提交
只有使用表单并且明确的指定提交方式为post时(也就是设置method="POST")
才是POST提交,其他提交都是GET提交. 输入框
重要属性:
type属性
文本框 text 输入的文本信息直接显示在框中
密码框 password 输入的文本以圆点或者星号的形式显示
单选框 radio 进行单项的选择如性别选择多个radio的name属性
相同会被当作一组来使用 必须用value为选项指定提交的值
复选框 checkbox 进行多项选择,爱好的选择。
多个checkbox具有相同的name属性时会被当作一组来使用
必须用value为选项指定提交的值
图片解说
: 两种标签我们都可以使用,看个人爱好,现在第一步就已经完成了,就相当于整个框架都完成了。这里我们选用 td 来完成整个系列。
图片解说
: 我们现在进行的是密码的写作,其实你仔细的看,我们就是换了一点点东西,还用试试原来的模板,就是将 用户 换成了 密码;input里的内容做了一些更改。
图片解说
: 复制黏贴,稍加改动,套着来就行
图片解说
: 接着来就行,至于为什么这样写,我的另一篇文章都有介绍;
图片解说
: 按着套路,细节修改就行了。
图片解说
: 继续复制着来就行,然后修改细节。
整体代码
: 代码框架不变,其他的都可自定义。欢迎将你的创意图片发到评论中。注册页面
注册用户
用户名:
密码:
确认密码:
昵称:
邮箱:
性别: 男 女
爱好: 篮球
足球
排球
城市: 北京 上海 深圳
头像:
验证码:
自我描述: 请输入自我描述!