<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>(文件的开头与结尾) 主题<title></title>(放在文件的开头) 文头区段<head></head>(描述文件的信息) 内文区段<body></body>(放此文件的内容) 标题<h?></h>(?=1~6,改变标题字的大小) 标题对齐<h align=right,left,center></h> 字加大<big></big> 字变小<small></small> 粗体字<b></b> 斜体字<i></i> 底线字<u></u> 上标字<sup></sup> 下标字<sub></sub> 文字对中<center></center> 基本字体大小<basefont size>(取值范围从1到7，默认值为3) 改变字体大小<font size=?></font>(?=1~7) 字体颜色<font color=#rrggbb></font>(RGB色码) 指定字型<font face=?></font>(?=宋体，楷体等) 、超链结 网址链结<a href="URL"></a> 设定锚点<a name="?"></a>(?以容易记为原则) 链结到锚点<a href="#?"></a>(同一份文件) <a href="URL#?"></A>(锚点不同文件) 显示图形<img src="URL"></a> 图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置) 图形取代文字<img src="URL"alt=?>(无法显示图形时用) 图形尺寸<img src="URL" width=? height=?>(?以像素为单位) 连结图形边线<img src="URL"border=?>(?以像素为单位) 图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位) 区段划分 段落<p></p> 断行<br></br> 横线<hr> 横线厚度<hr size=?>(?以像素为单位) 横线长度<hr width=?>(?以像素为单位) 横线长度<hr width=?%>(?与页宽相比较) 实横线<hr noshade>(无立体效果) 、背景颜色 背景图案<body background=图形文件名>(图形文件格式为gif和jpg) 背景颜色<body bgcolor=#rrggbb>(RGB色码) 背景文字颜色<body text=#rrggbb>(RGB色码) 未链结点颜色<body link=#rrggbb>(RGB色码) 已链结点颜色<body vlink=#rrggbb>(RGB色码) 正在链结点颜色<body alink=#rrggbb(RGB色码)个人html主页站点所提供的多半是纯文字或图片等静态信息，而就站点的性质来说，则以教学或特定主题(如历史、古典文学、电玩、旅游记录等)的站台为多数。
你可以通过千站素材下载html网页源码，制作你的"个人主页"，用于展示你自己的个性，将自己喜欢的东西放在"个人主页"上，让大家都可以来欣赏。
