初做网页,一些笔记

做一些笔记吧,再简单的东西我也可能会忘,而且以后可能用的很少
忙活了四五天,一切源于一张四级准考证
一开始只是想着实现一张表单的功能,包括填入信息的判断,主要通过html和script实现,到后面觉得太简单又太丑了,于是开始试着去模仿四六级报考的页面,然后在不看源代码的情况下,
试着用自己学到的知识,去一步步还原,在这个过程中加深了对很多知识的理解,“边学边做,边做边学”这个道理在每一次实践中领悟。
由于只学到了html,css,script,jquery,,而且我是每学一块知识就用那块知识解决遇到的问题,所以有些地方看起来非常复杂,做出来的效果还有很多不足,之后会继续学习,尽快
添加一些新的知识带来的功能
div : 主要用于在页面中划定区域,在区域中也可多次使用div实现对每块区域不同功能的实现
a : 超链接基本每个页面都会使用到,也可以与图片合在一次
span :与div相似,但在使用过程中更多时候感觉是嵌在div中使用
tr, td :在不写表单时不如用span
input : 最常见的文本框,但有些地方也是困扰了我好久,比如如何变成一条让人看上去很舒服的下划线,在点击的时候不会还原,这或许也是学习烦人的原因之一,有些问题就差临门一脚
,但你可能需要几小时的时间去查找问题的解决方法,尽管最后只是可能是一行代码
css方面,可以使用网页的控制台(F12)进行调整位置,再把调整后的代码直接复制到开发工具中,可能是因为我的工具没有同步的功能吧,这也是解决这个问题的一个方法
css的代码用的最多的就是left,top,width,position,cursor:pointer(将光标变成手指),outline: none(隐藏文本框),font-size
以上大部分都是对页面效果的实现
script方面,最常用的是事件:onload,onclick,onblur,onchange,onsubmit,需要记的东西不多,具体是如何应用,难点是在函数的实现
jquery和script相似,但感觉多了一些可调用的函数,目前给我的感觉有点像java和C?
这次的笔记就到这吧,最后放几张成果 在这里插入图片描述
注册页面
登录页面

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值