<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>标题</title>
</head>
<body>
内容
</body>
阿牛翻出一份教程，扔给了麻油四，留下句“有事Mail我”，就人间蒸发了。
教程不长，薄薄几页。
麻油四深深地吸了口清晨的空气，翻开了教程。
今天是八月十五。
今天，麻油四开始学习写网页。
网页基础 作者：阿牛
第一节.
写网页首先要准备的一个好的编辑器。
Dreamweaver是比较专业的开发工具。
不过，杀鸡用牛刀未免笨拙，我比较常用的是一些小巧的编辑器，比如：Editplus。
Editplus是一款共享软件，可以在这里下载 http://www.onlinedown.net/soft/7117.htm 。
Editplus中点击新建->HTML网页，就可以出现最基本的网页模板。
网页有很多种格式，html4，html5，xhtml，等等，它们是组成网页内容的基本元素。
不同的网页格式，对应的网页模板也不一致，有一种比较精简的写法是
这种写法源自Google的搜索结果页。
在W3C（万维网联盟）的卫道士们看来这种写法不是很规范。
不必在意那些满口仁义道德的家伙，在网络界，事实就是标准。
把文件内容修改如上，点击保存，注意选择文件编码为UTF-8。
然后，在Editplus中，用快捷键Ctrl+B就可以浏览当前页面的显示效果。
head区中meta这一行是用来指定文件编码。
UTF-8编码比较省心，我一直用它，可以把meta这一行当做固定写法。
点击Editplus -> 工具 -> 首选项 -> 修改设置如图
图:Editplus的设置
这样可以让保存文件时，默认编码是 UTF-8。
head常常会放一些CSS样式，Javascript脚本，body区域就是网页正文。
body中是网页的正文，正文也由一系列标签组成。常用的基本标签如下：
<div>内容</div>
表示一个块，并无实际的意义，常用于配合CSS，定制显示效果。
<span>内容</span>
和div类似，区别在于，div默认的新启一行，span默认不换行。
<p>内容</p>
表示段落
<b>内容</b>
加粗字体
<img src="图片地址">
显示图片，常见的格式有jpg，gif，png，这里src称之为img标签的属性
更多的元素可以参看 HTML手册 链接 和 HTML和CSS网页标准指南 链接 （如果chm文件无法显示，可以尝试在chm文件右键->属性->解除锁定）。
值得一提的是，meta，img，input，br，hr在HTML中是单标记标签，在HTML中可不用闭合。
其他标签都需要有闭合标签（即使是XHTML也应该单独写明闭合标签，而不能直接闭合。）
看到这里麻油四写出了一个很简陋的页面 链接
<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<p>麻油四</p>
<p><img src="m4.jpg" /></p>
<p><b>基本资料</b></p>
<p>学历: 本科</p>
<p>专业: XX工程</p>
<p>英语水平: CET4 </p>
<p>联系方式: 138xxxxxx </p>
<p><b>自我介绍</b></p>
<p>本人勤劳肯干，任劳任怨...(略去废话5000字)</p>
</body>
内容是有了，不过页面实在是太简陋了。