首页 > 代码库 > HTML阶段总结
HTML阶段总结
自学有两个多星期了,这段时间主要在学习HTML基础知识,万事开头难,刚开始根本没法上手,云里雾里的,没有清晰的思路和详细的学习计划。问了一些盆友,找了一些资料,找到了适合自己的学习方法,渐渐的进入了轨道,然后发现自己的兴趣也在提高,越来越觉得有意思了。现在将我的学习方法和感想分享一下。
学习HTML之前需要了解一些基础的网页及浏览器知识,比如常用的五大浏览器及内核,还要掌握web标准的构成及好处,这部分可以帮助尤其是初学者快速在大脑中建立关于网页的感知。
准备工作之后就可以上手了,第一步需要的就是搞清楚HTML的语法骨架格式,即:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
然后就可以书写自己的页面了,首先需要新建一个TXT文件,写入上面的html骨架,把后缀名改为.html,右击在浏览器中打开。这个时候在页面中还是什么都看不到的。在这里要明白html骨架的各个部分是用来干什么的。1.html标签:所有html中标签的一个根节点。2.head标签:用于存放title,meta,base,style,script,link。3.title标签:让页面拥有一个属于自己的标题。4.body标签:主体部分,用于存放所有的html标签:p,h,a,img,strong...等。
接下来开始学习各种标签及标签属性用法,可以分成双标签和单标签,帮助记忆,多练习每一种的用法。在练习中体会标签之间嵌套和并列的关系产生的不同效果。运用注释标签给自己的代码中添加注释,以后自己看起来就知道哪里是什么意思了。在学习各种标签及属性时,图片img标签属性src指定图片文件的路径,这里的相对路径有点不是很好理解,我自己的方法是把相对路径的几种情况看成找盆友,盆友在自己家即图片文件和html文件在同一级...类似于这种的方法,帮助我很快掌握了路径的写法。然后在学习列表、表格和表单时,主要就是多练习,多找例子,做的多了渐渐就都掌握了。
像我这样的初学者很有可能遇到一个问题搞不懂,就会钻牛角尖,然后发现越来越不懂了,导致学习兴趣下降或者就不想继续学下去了,其实可以试试把实在理解不了的问题放一放,在学习的过程中慢慢消化,或者第二天再试着理解一下,可能会豁然开朗。
最后,在学习过程中开始用各种开发工具写代码,TXT文件中写代码很难受,自己下了好几个开发工具 个人觉得webstorm和sublime都很好用。
HTML学习时间比预期的时间还要久一点,接下来学习CSS基础,很期待呦!!加油!给自己!也给和我一样在自学路上的你们!!
HTML阶段总结