码迷,mamicode.com
首页 > Web开发 > 详细

HTML阶段总结

时间:2017-03-24 00:21:13      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:产生   感知   记忆   网页   htm   code   阶段   css   webstorm   

自学有两个多星期了,这段时间主要在学习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阶段总结

标签:产生   感知   记忆   网页   htm   code   阶段   css   webstorm   

原文地址:http://www.cnblogs.com/lyqjy/p/6607743.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!