总体把页面一分为二，header是包含在article里面的，页脚部分是单独的一块儿。大致结构获悉了后再从局部入手，header部分，有主标题、副标题、还有作者署名，前面我们讲过，如果除了主标题，还有一个副标题，那可以把这两个标题写在一个hgroup元素中。如果除了主标题之外，还有其他内容，比如内容摘要、发表时间、作者、图片或者小标题链接等，那就应该把他们放在一个 header元素中。
创新互联服务项目包括东港网站建设、东港网站制作、东港网页制作以及东港网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，东港网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到东港省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
header
hgroup
h1给个人博客增加色彩元素提升网站用户体验/h1
h2网页的色彩——决定用户是否驻足停留的关键/h2
/hgroup
p class="Byline"design by DanceSmile/p
/header
接下来是文章正文部分：
部分代码：
div class="Content"
p第一眼看到杨青个人博客网站的时候，如果你喜欢.../p
...
/div
正文当中还有一幅插图，html5新增加了插图这个figure语义元素，figcaption不是只能包含文本，任何html元素都可以，比如链接、小图标。figcaption包含了对图片的完整说明，所以alt文本就显得多于了，这种情况下，可以把img元素中的alt属性删除：
figure
img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg"
figcaption图片来源：腾讯CDC《浅析网页色彩应用》/figcaption
/figure
最后在把上面的代码写在article里面。
footer部分只是一些简单的页脚信息。
HTML的全称是超文本标记语言，是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。HTML是由HTML命令组成的描述性文本，可以解释文字、图形、动画、声音、表格、链接等。Html是一种用来描述网页的语言。它被称为超文本标记语言，它是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。
中国银行上海个人产品服务H5交易项目：
中行上海个人HTML5项目是指以HTML5技术架构开发的个人网络金融产品和服务应用，同时可满足移动端浏览器、二维码扫码跳转及PC端WEB浏览器访问使用。
中行上海个人H5项目主要应用场景分为线上及线下渠道。
1、线上渠道主要包括中国银行手机银行、“中国银行上海分行”微信公众号及第三方合作机构官方渠道（以下简称“第三方平台”，包括但不限于非中行的APP、官方微信及PC端等渠道）等；
2、线下渠道为利用中行上海个人H5项目URL链接通过技术手段生成的二维码布放在中行网点、第三方合作机构的线下营业机构或投放在宣传单页，供您扫描二维码后使用中行上海个人H5项目的服务模式。
以上内容供您参考，业务规定请以实际为准。
如有疑问，欢迎咨询中国银行在线客服。
诚邀您下载使用中国银行手机银行APP或中银跨境GO APP办理相关业务。
TML5是什么？
HTML5是指第5代HTML（超文本标记语言），也指用HTML5语言制作的一切数字产品。
网上的网页，多数都是由HTML写成的。
“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。
浏览器通过解码HTML，就可以把网页内容显示出来。
下图中就很清晰的指出了H5的涵盖范围：
HTML5之所以能引发如此广泛的效应，根本在于它不再只是一种标记语言，它为下一代互联网提供了全新的框架和平台，包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能，并使这些应用标准化和开放化，从而使互联网也能够轻松实现类似桌面的应用体验。
这个不单是用HTML5就能建立起来的。目前html5在电脑上浏览器的支持并不是那么的全面，而且就算用html 5写出了博客页面，也需要用后台语言来进行程序上的编写，让博客页面有功能。。你可以用HTML+CSS学个简单的博客页面，然后再套个模板，比如wordpress，不过这个需要有些PHP的基础。。
