|
新建一个页面文件，点选拆分状态。删除代码区的内容（这些内容只与网页有关，用普通代码方式发帖子不需要）。
一、试试看
在“设计区”随便输入几个文字，再输入一个表格（随便怎样设置都行，这是做试验，无所谓）。在上半部分的代码区就会出现一些代码。
二、用这样的方法来感觉一下代码是怎么回事
将上面的操作重新来一遍。
１、输入“华声音画学堂”几个字，这与word的操作是一样的，在代码区就会有下面的内容：
<p>华声音画学堂</p>
２、刷选文字，设置字体，代码就是下面的内容：
<p><font face="黑体">华声音画学堂</font></p>
|
比较一下两次的代码，很容易知道，face就是字体的意思，face="黑体"，就是字体选择为黑体。
好了，每次进行一个设置，你就知道什么是什么了。方法是不是有些笨，请大家讨论。有了这些感性认识，慢慢的就会了解代码了。
再来深入一点看看代码。
<font face="黑体">华声音画学堂</font>
font：文字的意思，在书写格式上，是这样的：
<font> </font> 基本代码，后一个比前一个尖括号里多了一个“／”；
文字内容放在两尖括号之间；
前一个尖括号里，font后面的内容叫参数，是对文字这个对象的设置，两个设置之间空一格；
代码为纯英文半角状态。这一点需要特别注意，还有象分号、冒号、空格，需要特别留神，不能错，不然出了问题会让人摸不着头脑。
|
再做一个操作。
将上面的操作，上半部分代码区的内容，比如“<font face="黑体">华声音画学堂</font>”复制，打开一个新的空白文件，在代码区粘贴，这时下半部分的设计区就会显示黑体的“华声音画学堂”几个字，这个操作正好将上面的操作反了过来。
|
总结一下，第一个操作是在设计区（可视化状态）输入内容，上半部分由软件自动翻译出相关代码；第二个操作是在代码区输入代码，在设计区显示代码运行后应显示的内容。我们可以把它们看成一回事。在制帖时，怎样省事，怎样好用就怎样操作。
代码里的许多命令，大多数就是完整的英文单词。懂点英文的肯定占不少便利，不懂英文的，认个字型，久而久之，也能有熟能生巧的效果。
有的命令是几个单词的字头缩写，比如“src”，对象的链接（由哪几个单词而来，我没找到资料）；还有的是几个单词紧挨着写在一起，比如“brodercolor”,边框颜色（broder:边框；color:颜色）。总结一下这些，对记住代码肯定有帮助。
|
再做一个试验，用上面的方法初步了解一下表格与相关代码。操作步骤就不写了，自己去尝试就是，这里只总结、分析代码的规律。
一、输入一个一行一列的表格，只设置高、宽，其他的选项都不要设置，分析起来方便一点。
代码于下：
<table width="100" height="50"><tr><td> </td></tr></table>
与上面提到的文字的代码比较一下，基本情况差不多，命令一对一对的出现；不同的是多了两对<tr>、<td>，这一点，表格表现得有点特殊。这些代码是一个整体，表示一个表格；反过来讲，有表格，一定三对命令都有。而且<table><tr><td>三个尖括号之间也不应有其他的东西（这一点，后面三个尖括号也一样）。另帖中打了个比方，一个单行单列的表格就好比一幢一间房间的房屋。
<table>表示表格；<tr>表示行；<td>表示单元格，实际上也体现了列的数量。<table>括号里面的width="100"
height="50"就是对表格的设置参数：宽度、高度。下面证明一下。
二、输入一个一列两行的表格，代码于下：
<table width="100" height="50">
<tr><td> </td></tr>
<tr><td> </td></tr>
</table>
对照设计区的实效，可以看出，<tr>出现了两次，每一行只有一个单元格，只有一个<td>，也就是只有一列；接下来是第二行，也是一个单元格；
两个单元格上下排列。
三、输入一个两列一行的表格，代码于下：
<table width="100" height="50">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
对照设计区的实效，可以看出，<tr>只出现了一次，也就是只有一行；而<td>出现了两次，也就是有两列，两个格是横向排列的。
你可以试试多行多列的情况，但<table>始终只出现一次。还是以一幢房屋来比方，也就是说，不管房间（单元格）有多少，房间的排列怎样，房屋（表格）始终是一幢，而且它们是一个整体。删除<table>，这个整体就不存在了；而单元格可多可少，但必须有一个。如果连这一个单元格也没有，同样的这个表格也不存在了。
在<td> </td>两个尖括号之间，相当于一个空间，可以放入其他内容（下面再讲）。
|
为什么要把这些基本的简单的东西讲得这么咯嗦。我很看重学习方法、学习思路。基本的东西，真正搞懂了，理解了，就不容易迷糊，也不容易忘记。比如剖析别人的作品，代码一般都很多，为了能方便看清，可以以表格为标准，加入空行，使代码成为一段一段的；还可以以表格（或其他对象）为一个局部，单独分离出来，在另外的文件里面粘贴后进行分析。不然，乌鸦鸦一片，从何下手。如果不熟悉代码的这些特征，也就不知道哪些内容是一个整体，分离出来也不能正常显示。“知其然”与“知其所以然”差别很大。
|
|