<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>部分只是一些简单的页脚信息。
<!DOCTYPE HTML><html>
<head>
<title>我的个人主页</title>
</head>
<body>
<div>
<img src="photo.jpg" alt="" />
</div>
<div>
<h1>张三</h1>
</div>
</body>
</html>
//1、将【张三】修改成你的名字
//2、复制上述代码保存在index.html文件
//3、将你的照片重命名为photo.jpg，和index.html放在一个文件夹里面
双击打开index.html即可
你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选EditPage,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选createlink，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~网页制作网址大全 http://www.soww.com/page/060.htm参考资料：http://xiaocun6589.go.nease.net/in/wangye%20zhizuo.htm参考资料：http://zhidao.baidu.com/question/5015128.html
