1、建议先买一本html新手入门的教材，学习html每个标签的含义和用法，推荐推荐《HTML之路：XHTML和CSS最佳实践指南》，这本书是国外著名网站HTML DOG中的精华内容的集结，完全可以零基础，零起点开始系统的学习HTML和CSS。
2、最重要的是，它非常非常薄，看起来在心理上也不吃力。一些教学网站也很有帮助，例如可以当做参考手册的w3school 在线教程如果英语不是很吃力，可以看看Learn to code里面htmlfoundatation教程，
3、交互式界面，正确完成任务之后还有徽章奖励，做起来很有动力在完成了以上步骤之后，在上网浏览网页的时候多去思考它的语义结构、布局怎样的，配色如何，那些炫目的动态效果是怎么做出来的，用到了哪些新的库，新的框架，
用浏览器的“查看源代码”来验证自己的想法也是很有意思的一件事实践是最好的老师，接一个小任务，一点一点的完成，过程中要学会用好http://www.google.com这个好东西克服自己的惰性，培养自己对html的兴趣 and Good Luck！
程序员学习就是要多写，不断的写，不断的熟悉，能看到不同的效果。。但不一定要死记硬背，熟悉就好。下面是一点资料。希望能帮上你。HTML基本概念
1、标记
HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使
用是必须用方括号“<>”括起来，而且是成对出现，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。
如<TABLE>表示一个表格的开始，</TABLE>表标一个表格的结束。在HTML中，标记的大小写作用相同，
如<TABLE>和<TABLE>都是表示一个表格的开始。
标记可以包含标记，如：表格中包含表格或其它标记，如下面这样的HTML代码结构是正确的：
<TABLE WIDTH="50%" BORDER="10" CELLSPACING="10" CELLPADDING="10">
<TR>
<TD>
<TABLE WIDTH="100%" BORDER="1" CELLSPACING="1" CELLPADDING="1">
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
</TABLE>
</TD>
<TD>
<P></P>
<P>HJK</P>
<P></P>
</TD>
<TD></TD>
</TR>
</TABLE>
但是标记不能交叉嵌套，如下面这样的代码是错误的：
<DIV><SPAN>这是不正确的代码</DIV></SPAN>
2、特殊字符
由于方括号和英文双引号被用来提示HTML的标记及参数值，那么在网页中要显示方括号和英文引号只能用其它的符号来代替，下面是常见特殊字符所代表的正常字符：
<或<对应字符 <
>或>对应字符 >
"或"——对应字符 "
à——对应字符 A
3、语法
一个标记，为了明确它的功能，往往用一些属性参数来描述，对这些属性参数的规定上就是所谓的语法，例如：段落标记<P>，它的语法格式是：
<P
ALIGN=LEFT|CENTER|RIGHT
CLASS=TYPE>
这就说明<P>标记有两个属性参数，即“ALIGN”和“CLASS”，其中“ALIGN”用于定义段的位置是靠左、靠右还是居中。默认值
是靠左。而“CLASS ”则是定义所属的类型。在实际应用时当然可以没有“ALIGN”和“CLASS”参数，按照默认情况显示，这一点非常重要，这是
们判断无用代码的主要标准之一，假如在网页代码中有对默认值进行描述设置的语句代码，显然是无用的代码。另外，在设置标记的属性值时，若是取默认值不影响
效果或影响很少， 们就尽量取默认值，这样可以不用设置，从而达到减少代码的目的。
标记参数的具体的值都有要加西文引号，如：要使段落内容居中，正确的写法是这样的：<P ALIGN="CENTER">段落内容居中示例</P>
学好用好HTML语言的关键是灵活应用标记的参数。特别是默认值的应用。
