1、新建一个文本文档，将扩展名改成“html”---打开方式用记事本打开---在文本里编辑HTML的基本框架---双击记事本就会在本地网页打开，如图
2、发表文章，在<body>和</body>之间，编写文章题目”<h3>网页制做</h3>“（文章题蚕蝣鲢蹙目有7种从h1到h7）---编写文章内容”<p>首先不要害怕，只要专心学习一定能成功；<p>其次要有耐心，编辑这些时是很费事的事情；<p>再次多复习。”，段落划分用<p>---如果想让文章居中就在"<body>"的括号里输入align="center",如图
3、超级连接的制作,在<body>和</body>之间，超级链接用到<a>和</a>里，如将文字链接到百度界面，<a></a>---<a href=http://www.baidu.com></a>---<a href=http://www.baidu.com>百度链接</a>,点击百度超级链接即可进入百度界面，如图
4、表格制作，下面制作一个三行三列的单元格，在<水瑞侮瑜body>和</body>之间输入傥态尬锪语言---输入进本框架<table></table>---在<table>和</table>之间输入三行：<tr></tr> <tr></tr> <tr></tr>---在输入三列：<tr><td>11</td><td>12</td><td>13</td></tr><tr><td>21</td><td>22</td><td>23</td></tr><tr><td>31</td><td>32</td><td>33</td></tr>---此时不会显示单元格边框，如显示出来，居中和比例就需要在<table>的括号里输入：<table border="1" cellspacing="0" width="50%" align="center">（boeder是边框粗细，cellspacing是单元格之间的距离，align是对齐方式），如图
5、网页中插入图片，<img >---在<img>的括号里输入：<img src="C:\Users\weihu\Desktop\新建文件夹\IMG_20150607_201932.jpg">在src后输入的是图片的路径---输入图片的属性用alt：<img src="C:\Users\weihu\Desktop\新建文件夹\IMG_20150607_201932.jpg" alt="图片">---输入图片的宽度和高度用height和width：<img src="C:\Users\weihu\Desktop\新建文件夹\IMG_20150607_201932.jpg" alt="图片" width="500" height="500">---用本地网页打开，如图
