前面部分讲的是关于<head>...</head>头部的常用部分，现在我们开始进行对<body>部分的讲解。<body>是网页文档正文部分。一个网页其实就是对各种信息：文字、声音、图像、动画等多媒体进行编排而呈现给网民的一个类似杂志的媒体。这里就牵涉到排版的问题。
标题:
通常一篇文章有一个正标题，下面可能还会有副标题、小标题的。网页也是如些，它也有标题。一个网页文档提供了6种标题，分别是<h1>、<h2>、<h3>、<h4>、<h5>、<h6>。当然，<h1>就是主标题了。如果一个篇文章没有主标题能成为一个完整的文章吗？不能。所以我们在做网页时，对<h1>的要求也很高的，它要概括出整个文档的主要内容。注意，h1标签在一个页面只能使用一次——假定它是这个页面的主标题，是不应该使用多次的。但是，h2到h6可以如你所需任意使用多次，但它们应依设计意图，该按顺序使用。比如，h4应该是h3的子标题，h3应该是h2的子标题，以此类推。
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>我的第一个网页</h1>
<h2>这是什么</h2>
<p>用HTML组合起来的简单网页</p>
<h2>目的</h2>
<p>学习HTML</p>
</body>
</html>
段落：
写完标题，当然开始写内容了。<p>就代表段落。
<p>这是网页内容。</p>
当你在输入内容回车后就会产生一个段落，当然，你也可以把<p>和</p>两个标签删掉，同样也可以把内容显示出来。但是，HTML文档的内容应该跟书籍或者文章一样，在适当的地方应该划分段落。没有标签<p>包住，浏览器会把你的内容当做一个毫无意义的东西显示出来。
强调：
当然，在文本中， 你也可以适当添加一些引起读者注意的关键词或短语，例如加粗或者斜体。这也是网页中当用到的效果。如何实现？加粗: <b>强调字</b>，斜体:
<em>强调字</em>。实这样你就可以达到强调的效果。
换行：
有个问题，你可能会问，一般写文章当写完一行后，就会换新一行继续写，也就是换行了。在网页中也有换行。但是，一般来说，只要是一个段落，它会随着它的盒子宽度自动换行。所以你不需要麻烦的重复像在其它文档编辑器中按回车来换行，反而在Dreamweaver中，回车表示一个段落的结束和一个新的段落的开始。当然，它也换了新的一行，但意义就不同了。但是，如果要真的换行怎么办呢？按"Shift+Enter"，这样便起到了换行的作用，标签是<br>。这是一个不用闭合的标签。
列表：
在网页制作中，我们还常常用到列表。通常，列表分为有序与无序两种。
无序列表UL：
- Macromedia Dreamweaver
- Macromedia Flash
- Macromedia Fireworks
代码：
<ul>
<li>Macromedia Dreamweaver</li>
<li>Macromedia Flash</li>
<li>Macromedia Fireworks</li>
</ul>
有序列表Ol：
- Macromedia Dreamweaver
- Macromedia Flash
- Macromedia Fireworks
代码：
<ol>
<li>Macromedia Dreamweaver</li>
<li>Macromedia Flash</li>
<li>Macromedia Fireworks</li>
</ol>
当然，列表里当然可以包含列表，形成有等级层次的嵌套列表。
<ul>
<li>Macromedia
<ul>
<li>Dreamweaver</li>
<li>Flash</li>
<li>Fireworks</li>
</ul>
</li>
<li>Adobe Photoshop</li>
<li>Microsoft Fontpage</li>
</ul>
链接：
HTML中的H和T代表HyperText，即超文本，表示着一个由连接文本所构成的系统。标签<a>便是用来定义一个链接的，但是还是需要为标签添加一个必需的：链接目标。一个简单的例子：
<a href="http://saivan.5dblog.com/">我的网址</a>
href就是为这个链接加上了一个链接地址，使读者点击这个链接文本之后，能够正确的找到另外一了地方。连接可以是绝对的，也可以是相对的，相对于当前页面来说。a标签允许你为连接打开新窗口，而不是取代当前窗口，只要在加上一个target就行了：
<a href="http://saivan.5dblog.com/" target="_blank">我的网址</a>
在网上我们看到很多链接，一点它就会弹出一个发邮件的对话框。这个怎么做？很简单，我们只需将href换成mailto，地址换成电子邮件就行了。
<a mailto="master@5dblog.com">点击给我发邮件</a>
图像：
单是文字会使网页显得太单调，这时候我们需要适当加上一些相关的图片，使整个网页看起来更有生气。常见的图像格式现在的浏览器都支持：如bmp,jpg,jpeg,gif,png等。一般来说我们做网页通常用到的也只是这几种了，bmp图片由于图像没有压缩，体积较大，一般不用，而压缩最好，而不损坏图片质量的还是jpg和gif文件了，也是最多用于制作网页的图片格式。图像标签img用来为HTML添加图像，一个简单的例子：
<img src="http://www.5dblog.com/vip/saivan/upload/2005-09/25_456.jpg"
width="280" height="100" alt="Saivan's Blog">
Img标签也是不需要闭合的。src指向图像的地址，width设定图像的宽度，height设定图像的高度，还有一个alt是设定图像的代替文字。代替文字就是在图像还没有显示出来，或者当鼠标稳到图像上时先显示的文字，告诉读者这是什么图片，或者是片的介绍。另外，图像标签还有几个常用的属性语法：
border: 定义图像的边框宽度。默认为0。
align: 用于控制图像在网页或表格中的对齐方式，有top\bottom\left\right\middle等，默认为left，其它效果要自己亲手操作才能体会到。呵呵。
表格：
表格在网页制作中是最常用的。大部分人用表格来进行对网页的布局。当然，表格的主要作用还是用来表达数据的。表格的最基本元素：行(Row)，列(Column)，边框(Bordr)，边框围成一个单元格(Cell)，一个或者多个单元格组膈构成整个表格。
table元素定义标签；tr元素定义表格中的一行；td元素定义数据单元格，这必须包含在tr标签内，如下所示：
| Row 1, cell 1 |
Row 1, cell 2 |
Row 1, cell 3 |
| Row 2, cell 1 |
Row 2, cell 2 |
Row 2, cell 3 |
| Row 3, cell 1 |
Row 3, cell 2 |
Row 3, cell 3 |
| Row 4, cell 1 |
Row 4, cell 2 |
Row 4, cell 3 |
代码：
<table width="400" border="1" cellpadding="2"
cellspacing="3" bordercolor="#FFFFFF">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
<td>Row 1, cell 3</td>
</tr>
<tr>
<td>Row 2, cell 1</td>
<td>Row 2, cell 2</td>
<td>Row 2, cell 3</td>
</tr>
<tr>
<td>Row 3, cell 1</td>
<td>Row 3, cell 2</td>
<td>Row 3, cell 3</td>
</tr>
<tr>
<td>Row 4, cell 1</td>
<td>Row 4, cell 2</td>
<td>Row 4, cell 3</td>
</tr>
</table>
表格有高度height与宽度width，单元格内间距cleepadding， 单元格间距cellspacing，边框border， 对齐align等几个常用常用属性。border与bordercolor结合使用，设定表格边框的宽度与颜色，而对齐align则用三种对齐方式：left\center\right，默认是left。另外，我们还可以通过bgcolor设定表格背景色或者background设定表格的背景图像。对于某个单元格，我样也可以单独进行设定它的高度和宽度，对齐方式，背景等。
另外提一下，默认的表格的边框线是有阴影的。我们可能通过bordercolorlight来设定表格的亮边框颜色，bordercolordark来设定表格的暗边框的颜色。当然，这个在DW中只能手工输入。但是如果你想要得到是1px单条边框线时怎么办？教你一个技巧：
<table width="300" cellpadding="5" border="1"
bordercolor="#333333" style="bordre-collapse: collapse;">
好，这样，我们就可以做出一条1px的细边框线了。
表单：
表单可以用来在网页中发送数据，特别是经常被用在联系表单——用户输入信息然后发送到Email中，或者是做一个搜索框。
实际用在HTML中的标签有form、 input、 textarea、 select和option。 表单标签form定义的表单里头，必须有行为属性action，它告诉表单当提交的时候将内容发往何处。
可选的方法属性method告诉表单数据将怎样发送，有get（默认的）和post两个值。常用到的是设置post值，它可以隐藏信息（get的信息会暴露在URL中）。
一个简单的表单例子：
<form name="form1" method="post" action="sarch.php">
<input name="textfield" type="text" size="15"
maxlength="25">
<input type="submit" name="Submit" value="Search">
</form>
input标签是表单世界中的“老大”。有10种形式，概括如下：
- <input type="text">是标准的文本框。它可以有一个值属性value，用来设置文本框里的默认文本。
- <input type="password"> 像文本框一样，但是会以星号代替用户所输入的实际字符。
- <input type="checkbox">是复选框，用户可以快速的选择或者不选一个条目。它可以有一个预选属性checked，像这样的格式<input
type="checkbox" checked="checked">.
- <input type="radio"> 与复选框相似，但是用户只可在一个组中选择一个单选按钮。它也有一个预选属性checked，使用方法跟复选框一样。
- <input type="file"> 是展示你电脑上的文件的一个区域，就像你在一个软件中打开或者保存一个文档一样。
- <input type="submit"> 是一个被点击后提交表单的按钮。你可以用值属性value来控制按钮上显示的文本（下面的button和reset类型也可以这样，稍后介绍），如下：
<input type="submit" value="Ooo. Look. Text on a button.
Wow">.
- <input type="image">以图像代替按钮文本，src属性是必须的，像img标签一样。
- <input type="button">是一个如果没有其他代码的话什么都不做的按钮。
- <input type="reset"> 是一个点击后会重置表单内容的按钮。
- <input type="hidden"> 不会显示任何东西，它用来传输诸如用户正在用的页面的名字或者Email地址等表单必须传输的东西。
另外，还有多行文本输入框标签textarea，选定标签select与选项标签option等，这些一般在静态网页中是比较少用到的。这我里就一一略过了。
好，到这里，这个“html基本常用语法教程”到这里就结束了。基本上掌握这些语法，都可以轻易地自己动手制作一个简单的网页了。当然，这个教程也要和实际操作结合起来学习，达到融汇贯通的效果。一些更高级的语法，你在掌握一定的惹出之后，通过慢慢的学习和操作，也能很快地掌握的。总之，我们在学习制作网页的时候，一定要把理论与实践相结合，才能进步得更快。谢谢！
| 
