这段时间加了几个网页制作学习的QQ群，也逛了许多论坛，发现想学网页制作的人很多。但有很大一部份人都是没有任何基础，所以这里总结一下HTML中最基础的内容。以便大家入门学习：

 首先：打开记事本，在记事本中写HTML语言：(当然，有Dreamweaver工具更好，不过建议学习最基本的东西还是自己先记一些！)
 列如：
<html>
 <head>
<title>如何制作网页</title>
 </head>
 <body>
 <h1>我的第一个网页</h1>
 </body>
</html>

写完后把文本另存为。如你要保存的标题，下面的保存类型选择所有文件。然后在你写的标题后写上扩展名 .htmlOK了
打开看看！网页制作是不是很简单？

注意：html标记是成对的；所以注意要写结束标记。
html是用于文档的开始和结束。
head是文档的头部分，它包含了文档的标题，文档的脚本，样式定义等信息。title就是包含了标题信息。
正文就写在body中。还有特别提醒一下<>一定要在英文状态下打出，不然无效。<>和〈〉是不同的。现在基础的html还不需要区分大小写，不过以后的JAVASCRIPT就需要严格的区分了。现在提一下。

字体的大小：
<h1>网页制作教程</h1>
<h2>网页制作教程</h2>
<h3>网页制作教程</h3>
<h4>网页制作教程</h4>
<h5>网页制作教程</h5>
<h6>网页制作教程</h6>
<h1>网页制作教程<h6>字体大小依次递减！自己试试吧！

正文中写新的段落：
在<body>中写新的段落如上一个列子：
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <h1>我的第一个网页</h1>
 <p>这是第二段文本。</p>    <!--</p>此结束标记可以省略！-->
 </body>
</html>

换行符：
<br>在文本中指定换行。
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <h1>我的第一个网页<br>这是另一行</br></h1>
 </body>
</html>

选择对齐方式：
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <p align=right>我的第一个网页</p>
 </body>
</html>

对齐方式包括了：内容居左left；内容居中：center;内容居右:right.

加入网页的背景颜色：

<html>
 <head>
<title>学习网业制作</title>
 </head>
 <body bgcolor=red>  <!--bgcolor是背景颜色的代码，可以自选-->
 <p align=right>我的第一个网页</p>
 </body>
</html>
超链接的使用：
<html>
 <head>
<title>学习网页制作</title>
 </head>
 
 <a href=***.html>点击此处查看另一个文本</p> <!--要注意的是首先要建立两个文档。在这个文档的链接地址写如另一个文档名-->
 </body>
</html>


要连接到其他的网站就写全地址！

下面给大家介绍一下<pre>标记的用法：
有些人希望网业显示的方式要以自己写如的方式显示，现在最适合的就是使用<pre>标记了
这中标记的好处就是按照写入时的样式显示！

<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <pre>
我的第一个网页
 我的第一个网页
我的第一个网页
 我的第一个网页
我的第一个网页
 </pre> 
 </body>
</html>

列表的使用：
无序列表：
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
  <ul>
   <li>星期一
   <li>星期二
   <li>星期三
   <li>星期四
  </ul>
 </body>
</html>
有序列表：
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
  <ol>
   <li>星期一
   <li>星期二
   <li>星期三
   <li>星期四
  </ol>
 </body>
</html>

在网页中插如图片：

<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <img src="图片的路径"> <!--图片也有align属性：和前面的对齐方式是一样的-->
 </body>
</html>
表格的使用：
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表格的使用</title>
</head>

<body>
<table border="4"> <!--border表示是否显示表格的边框，设置为0则不显示！-->
 <tr>
  <td>第一格</td>
  <td>第二格</td>
  <td>第三格</td>
 </tr>
 <tr>
  <td>第四格</td>
  <td>第五格</td>
  <td>第六格</td>
 </tr>
 </table>
</body>
</html>

层的使用方法：
很有人在问层的使用方法，这里我简单给大家提一下吧！我知道的也不多！我学这章也是很少的，所以只能给大家说怎样做出层！
<html>
<head>
<title>层的使用</title>
</head>
<body>
<h1><font color=hotpink size=7>使用层</font></h1>
<div id ="layer1" style="position:absolute; left:25px top:27px; width:300px; hright:18px; z-index:1;">
<font color=limegreen size=4><b>第一层</b></font>
</div>
<p>层是可以添加到网页上的元素</p>
</body>
</html>

在网页中插入声音和视频文件：
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <bgsound src="声音文件路径" loop="-1"> <!--bgsound是背景声音的代码：此代码不显示播放器-->
 <embed align =center width="200" height="200" src="声音地址" autostart="ture" hidden>
<!--align是嵌入对齐的位置；width是宽度；height是高度 src是路径；autostart表示是否自动播放与false相反。hidden控制声音面版不显示,要插如视

频也是这个代码，把声音文件换为视频文件就可以了！-->
 </body>
</html>

看了这么多，你应该对制作网页有一些理解了吧。要学习更多内容，多来网站制作教程网转转。