前端入门学习笔记2

今天是学习前端的第二天,算是勉强完成了前一天定下的计划。做了一个没有样式的纯HTML个人简历页面。

今天把剩下的w3cschool中的HTML教程大略看了一下,首先我们先来谈一下收获。

HTML是用来描述网页的一种语言,指的是超文本标记语言 (Hyper Text Markup Language),不是一种编程语言,而是一种标记语言 (markup language),标记语言是一套标记标签 (markup tag),类似于<body></body>就是一组标签。标签之间的内容就会显示到网页上,标签的属性来决定给予标签一些附加信息,如该元素内容的字号,该标签的name等。文档类型决定了文档的作用,例如HTML文档就等于网页主体,CSS文档就给予网页各种样式,JS就实现一些动态效果等等。还有一些收获我明天再来补上。

今天的疑问的话,就是响应式开发到底是如何实现的?教程中只是提到了响应式开发是以可变尺寸传递网页,但是到底如何实现的应该是个更加底层的问题吧,以后如果弄懂了的话,会回来重新更新的。然后就是框架结构,不太了解框架结构存在的意义,为什么一定要在同一个页面里放两个网页,感觉很像手机上的分屏显示。

                                 

图中说老式的浏览器会将这种注释方式看做注释,而新浏览器则会解读出来,意思是这种注释方式只是老浏览器可以解读吗?我试着把代码改成<!--document.write("<h1>Hello World!</h1>")-->这样,浏览器就无法识别注释中的脚本了。

今天做的简历的模板是在网上找的,模板图片如下:

                                                          

现在只是用HTML将文字分割成一块一块的,这份简历从大的格式来说只有左边的黑色色块和右边的白色色块,所以其实只有分割成两个块就够了,还是把每一部分都分割成块更好呢?这一次为了保险,我把每一个小块都封装成了一个div,明天再来添加样式,还有对标签的选择,对于一些文本,是选择<hX>更好还是<p>更好,还不能进行选择,后面H5添加了具有语义的标签,如何选择,这还是一个经验积累的问题。

现在简历的模样就是这样的,代码的话是这样的,非常简陋。

                      

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值