<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>标题</title>
</head>
<body>
内容
</body>
点评或提问阿牛翻出一份教程，扔给了麻油四，留下句“有事Mail我”，就人间蒸发了。
点评或提问教程不长，薄薄几页。
点评或提问麻油四深深地吸了口清晨的空气，翻开了教程。
点评或提问今天是八月十五。
点评或提问今天，麻油四开始学习写网页。
点评或提问网页基础 作者：阿牛
点评或提问第一节.
点评或提问写网页首先要准备的一个好的编辑器。
点评或提问Dreamweaver是比较专业的开发工具。
点评或提问不过，杀鸡用牛刀未免笨拙，我比较常用的是一些小巧的编辑器，比如：Editplus。
点评或提问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标签的属性
<!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>
点评或提问内容是有了，不过页面实在是太简陋了。
