自学有两个多星期了，这段时间主要在学习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阶段总结的更多相关文章

  1. 【基于WPF+OneNote+Oracle的中文图片识别系统阶段总结】之篇一：WPF常用知识以及本项目设计总结

    篇一:WPF常用知识以及本项目设计总结:http://www.cnblogs.com/baiboy/p/wpf.html 篇二:基于OneNote难点突破和批量识别:http://www.cnblog ...

  2. 你真的会玩SQL吗？之逻辑查询处理阶段

    你真的会玩SQL吗?系列目录 你真的会玩SQL吗?之逻辑查询处理阶段 你真的会玩SQL吗?和平大使 内连接.外连接 你真的会玩SQL吗?三范式.数据完整性 你真的会玩SQL吗?查询指定节点及其所有父节 ...

  3. Openfire阶段实践总结

    从3月开始研究Openfire,其实就是要做一套IM系统,也正是这个原因才了解到Openfire.之前还真没想过有这么多的开源产品可以做IM,而且也没想到XMPP这个协议竟然如何强大.看来还是标准为先 ...

  4. 【Win 10应用开发】分阶段进行数据绑定

    使用x:Bind扩展标记进行数据绑定,是在编译阶段完成,至于说性能优化方面,大概主要是优化CPU资源的使用,因为免去了运行阶段进行绑定的过程.当然,使用这个标记仅仅是绑定上的优化,并不包括数据源.数据 ...

  5. 【基于WPF+OneNote+Oracle的中文图片识别系统阶段总结】之篇二：基于OneNote难点突破和批量识别

    篇一:WPF常用知识以及本项目设计总结:http://www.cnblogs.com/baiboy/p/wpf.html 篇二:基于OneNote难点突破和批量识别:http://www.cnblog ...

  6. 【基于WPF+OneNote+Oracle的中文图片识别系统阶段总结】之篇三：批量处理后的txt文件入库处理

    篇一:WPF常用知识以及本项目设计总结:http://www.cnblogs.com/baiboy/p/wpf.html 篇二:基于OneNote难点突破和批量识别:http://www.cnblog ...

  7. 【基于WPF+OneNote+Oracle的中文图片识别系统阶段总结】之篇四：关于OneNote入库处理以及审核

    篇一:WPF常用知识以及本项目设计总结:http://www.cnblogs.com/baiboy/p/wpf.html 篇二:基于OneNote难点突破和批量识别:http://www.cnblog ...

  8. 阶段一：用Handler和Message实现计时效果及其中一些疑问

    “阶段一”是指我第一次系统地学习Android开发.这主要是对我的学习过程作个记录. 本来是打算继续做天气预报的优化的,但因为某些原因,我要先把之前做的小应用优化一下.所以今天就插播一下用Handle ...

  9. 阶段一：为View设置阴影和弹出动画（天气应用）

    “阶段一”是指我第一次系统地学习Android开发.这主要是对我的学习过程作个记录. 上一篇阶段一:通过网络请求,获得并解析JSON数据(天气应用)完成了应用的核心功能,接下来就要对它进行优化.今天我 ...

  10. 阶段一：通过网络请求，获得并解析JSON数据（天气应用）

    “阶段一”是指我第一次系统地学习Android开发.这主要是对我的学习过程作个记录. 在上一篇阶段一:解析JSON中提到,最近在写一个很简单的天气预报应用.即使功能很简单,但我还是想把它做成一个相对完 ...

随机推荐

  1. css实现页面居中的一种方法

    在网页制作的过程中,为方便读者的阅读,会把网页内容限定在一个较小的方框中,并居中显示,如何实现这一功能呢? 1)把正文放在一个<div>标签中,只要这个标签居中整个网页就居中了. < ...

  2. php数组排序

    sort() - 以升序对数组排序rsort() - 以降序对数组排序asort() - 根据值,以升序对关联数组进行排序ksort() - 根据键,以升序对关联数组进行排序arsort() - 根据 ...

  3. localStorage 如何存储JSON数据并读取JSON数据

    localStorage是HTML5提供的再客户端实现本地存储的一种方法,但是localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地比如:JSON:那么,localStorage ...

  4. salesforce 零基础学习（六十六）VF页面应善于使用变量和函数（二）常用函数的使用

    上一篇介绍VF中常用的变量,此篇主要内容为VF页面可以直接使用的函数,主要包括Date相关函数,Text相关函数,Information相关函数以及logic相关函数,其他相关函数,比如math相关函 ...

  5. python书籍推荐

    python书籍推荐列表: 技巧:关于如何在windows平台上行获取目录下的文件名称.(我的python书籍的位置E:\Python\Python_book) D:\>e: E:\>cd ...

  6. spring和UEditor结合

    前言 春节无聊,就去弄一下富文本编辑器,然后百度了一番,很多说百度的UEditor不错,然后去官网照着文档弄一遍,是挺简单好用的.然后想把这玩意结合到自己的一个spring项目里面,果然还是在点上传图 ...

  7. Android游戏开发实践(1)之NDK与JNI开发04

    Android游戏开发实践(1)之NDK与JNI开发04 有了前面几篇NDK与JNI开发相关基础做铺垫,再来通过代码说明下这方面具体的操作以及一些重要的细节.那么,就继续NDK与JNI的学习总结. 作 ...

  8. 一个基于注解的orm简单实现(二)：实现思路

    先来看一段常见的数据库操作代码: ``` protected User getDataFromDatabase(long id){ String sql = "select firstnam ...

  9. Javascript定时器中的this指向

    使用js中的定时器(setInterval,setTimeout),很容易会遇到this指向的问题. 直接上例子: var name = 'my name is window'; var obj = ...

  10. JAVA包名、类名、变量名命名规则

    类名:首字母大写,其他单词中首字母大写,其他小写; 方法名:首字母小写,其他单词中首字母大写,其他小写: 变量:首字母小写,其他单词中首字母大写,其他小写: 包名:全部小写