内部样式跟内联样式都是由style标签来定义的，但放的位置不一样。
有三种样式，一种是放在外面的css文件，称作外部样式，不过HTML文件要通过link标签来引用，一种是放在head标签里面，称作内部样式，最后一种是放在元素里面，称作内联样式。
菜鸟教程html学习的一个优秀网站，亲测，还有一个3W
静态页面的主要几种标签
标题标签< h>
段落标签< p>
文本标签，如< strong> 、< em> 、< sup> 、< sub>
水平线标签< hr/>
< div> 标签
< h1> ~ < h6>
HTML中的标题标签用来定义标题结构，HTML中一共有6个标题标签，数字越小，标题越大，重要性越高。
一个页面只能有一个< h1> 标签，但可以有多个其他标题标签。
文本标签
< strong> 标签用于加粗字体。
< em> 标签用于表现斜体文本。
一般不用< i> 标签的原因在于，< em> 标签更具语义性。
< sup> 标签用于定义上标。
< sub> 标签用于定义下标。
水平线标签
< hr/> 标签用于定义一条水平线。
< div> 标签
< div> 标签用于定义页面中的一块区域，可以配合利用CSS控制这一块区域的样式。
我也在查这个的资料，现在的技术资料很不好取得，不像以前想学什么就找得到什么。
这个标签在HTML5中，意思应该是取代DIV结构的，它定义了一个大的外部框架，就像你我们经常定义的最外层的那对DIV意思一样，现在有了这些自己具有层级结构的不同标记了。所以article的下面应该还包括很多其它标签。
结合后实现分栏之类的设计，CSS也根据这个做了调整以便支持其样式的显示，同时JS也需要些变动，JQuery则依然活跃，并没有因为HTML5重复了其部分功能而被排挤掉。我目前知道的就这么多了。