今天是学习前端的第二天,算是勉强完成了前一天定下的计划。做了一个没有样式的纯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添加了具有语义的标签,如何选择,这还是一个经验积累的问题。
现在简历的模样就是这样的,代码的话是这样的,非常简陋。