金鹰节投票【编程之美】初窥管中豹之HTML-寸进寸欢喜

发布时间:2020年11月05日 阅读:167 次

【编程之美】初窥管中豹之HTML-寸进寸欢喜

这篇文章分为三部分:学习工具介绍,学习内容以及学习小结。
PART I
一开始是想在Coursera上学习爬虫的,但是昨天竟鬼使神差地点开了Sololearn,而后进行了一番筛选,先是点开了学习用户量在榜首的Javascripts,进入Intro之后明晃晃的友情提醒:要学习Java,最好先学HTML和CSS.于是中复连众,我就辗转来到了HTML的学习页面.像我如此没有节操的入门者笑拥江山梦,大概……有不少吧金鹰节投票 ,总之就这样我首先选择了HTML作为第一门系统学习的编程语言。

Sololearn是AppSolution里推荐专门用来学习编程的手机APP,前段时间其实我就已经下载了,一直没有找到适当的时机开始学习陈佩雯 ,昨天一看少先队出旗曲,整体学习界面还是相当友好的:首先字体方面看着不累,这是一般而言在手机上阅读以及长时间学习时,我第一关注的,眼睛还得用好几十年,不能对它们太不好;其次阳原吧,功能安排很符合人性直觉,单单是我刚刚用到的课程学习部分,就很深得我心,每一页所包含的信息量于我而言都刚刚好,跳转选择也是瞬间反应,不管你想进行下一步学习(Continue),还是想观摩其它同僚的真知(Comments),只要点击相应模块按钮,立马就呈现你想看的内容,对比通过视频学习的App例如Coursera,Sololearn的优势立马就体现出来了:几乎零缓冲时间。而且我非常喜欢它的评论区,里面有各式各样的大神留言,排序也很智能,默认点赞最多的靠前,一眼就能看到最受认可的评论。而后更令我惊喜的是,Sololearn上居然可以现编现实现(Try It Yourself),这一功能太强大,每一个编码示例都能够直接在Code Playground看到它的实现结果,这也帮助我理解了单单用文字表达很难理解的部分,还有其他的功能我将在之后的学习中更进一步挖掘,有这么好用的利器在手苏大附中,这次我一定要坚持学下去。
PART II
开始在Sololearn上学HTML,首先是基础介绍:HTML是什么,用于什么领域。
HTML是Hypertext Markup Language的首字母缩写,可以看出它是一门语言,什么样的语言呢——超文本标记语言,因为它与其它脚本语言的不同之处在于,章丽厚 它是通过标签进行内容识别的,我目前的理解就是它更简单一些,主体应该就是文本骆驼强子,不同的标签是对我们想要展现的文字内容进行定义分类,然后程序自动把该分类用相应的形式表现出来,比较简单的就像是Word里面的标题分级或者是字体设置功能,所以HTML用市面上任何一款文本编辑器(Text Editor)都能实现,包括每台电脑上的记事本程序倪诗蓓,稍后我的小作业就是用它做的。
HTML的应用领域是网页设计,它负责整体网页结构的建立,网页设计涉及的语言还有CSS(负责呈现),Javascript(用于区分表现形式),PHP(负责后端编程),CMS(负责内容管理),恩雷正富,现在我终于知道学它能干嘛了——网页设计,而且它是最基础的骨架。
标签是固定的,一般是一对来一火 ,有开始(opening tag)有结束(closing tag),<html>……</html>是最外层的一对标签赤魟鱼,不管什么内容都要写到它俩里头,这样程序才能识别。<html>紧跟的是<head>……</head>,好比是人的头,你靠它来识别这个人(或者HTML的网页主题),Sololearn里头介绍的是head的部分展现的都是非视觉性信息(评论区有个小伙觉得它用词不当应该是Meta information不应该是non-visual information)海都快印,现在我还没有完全理解,之后接触到我再展开。
有头自然就有身体<body>...</body>,body完成了之后就是</html>结束标签,编码结束之后要存档,格式只能是.html和.htm。
PART III
总结下昨天接触到的标签:
<html>...</html>
<head>...</head>
<title>...</tilte>
<body>...</body>
<p>...</p>
<b>...</b>
<i>...</i>
<big>...</big>
<sub>...</sub>
<sup>...</sup>
<strong>...</strong>
<del>...</del>
<ins>...</ins>
目前还能记起来的就以上这些,还有俩独立一个就是标签不用结束的:<hr/><br/>,前者是加一条水平线就跟我分部时用的那根是一样的,后者是换行邱一平,记住不是分段,因为在浏览器里分段会自动在段前段后都加一行空行,而换行(breaking a line)只是把之后的内容另起一行,并无空行在前后。
最后是我的学习成果:


End

Tag:
相关文章