May
26
全世界的网站基本上都是使用HTML表格对页面区域进行规划的，而现在的web标准建站中提倡抛弃表格，我认为表格规划确实比较简单，但是会增大你的文件的体积的，我们可以使用标准来建立网页也就是抛弃表格，那么你可以略过本节内容了。你可以去本站的ＣＳＳ区去学习ＣＳＳ来布局页面了。对于初学者还是喜欢使用表格的，所以我在这里给大家介绍一下表格的使用。
在表格使用中有许多标签, 和表格中的各种标签来斗争也成了初学者最难的一部分了。
先看一个简单的例子，把下面的内容添加到你的页面内:
table 元素定义表格。
tr 元素定义表格的行。
td 元素定义一个数据单元格。这些一定在 tr 标签中被附上,当做在行内显示。
如果你想定义一张 4 x 3 表格那么应该是四个 tr 元素，在每行里面定义三个 td 元素,总数为 12 个 td 元素, 是 12个单元格。
在表格使用中有许多标签, 和表格中的各种标签来斗争也成了初学者最难的一部分了。
先看一个简单的例子，把下面的内容添加到你的页面内:
table 元素定义表格。
tr 元素定义表格的行。
td 元素定义一个数据单元格。这些一定在 tr 标签中被附上,当做在行内显示。
如果你想定义一张 4 x 3 表格那么应该是四个 tr 元素，在每行里面定义三个 td 元素,总数为 12 个 td 元素, 是 12个单元格。
May
26
如果网页都使用本文格式当然也是可以的，但是那样会使你的使人感到没意思了，网页不都是文本,它是多媒体的，而且最通常形式的媒体是图像。
img 标签用来把一个图像放入一份 HTML 文件，具体代码如下:
src 属性告诉浏览器该在哪里找图像。喜欢A标签一样,可以使用绝对路径和相对路径,如上述的例子，就是使用的绝对路径。可以使用相对路径，如果在一个目录中的有一个 'webjxcom.jpg'图片文件时,那么我们代码可以改为<img src="webjxcom.jpg" />，当我们制作自己的网站时为了便于管理网站，我们可以建立一个目录专门来存放图片，比如建立一个images目录中有一个webjxcom.jpg时那么我们的代码可以改为：<img src="images/webjxcom.jpg" />
图片的宽度和高度属性是必需的，如果他们被省略了, 那么浏览器将会自己计算大小，这样就增加了页面的加载时间,意味着打开你的网页的速度就会降低了。所以我建议大家还是在img标签中加上图片的高度和宽度。
alt属性是其它可能的描述。当鼠标指向图片时可以出现的提示。注意现在都推广web标准建站那么我们在IMG标签最后加上了/表明IMG标签结束。
说明：
图像的制作虽然是网页制作另外一方面的内容，但是也是比较关键的。它影响到你的网页的整体效果，所以本站加了一个图形图象专区来介绍这个技术，希望大家去看看。
通常我们在网页上使用的图片有两种格式：jpg和gif。
gif格式的图片只能达到 256种颜色，但是他们维持最初的图像颜色。降低你在图像中的颜色数字, 会降低文件的大小。
jpg格式的图片使用的是数学运算法则压缩图像，会增大图片文件的大小, 但是会比较清楚的显示图像内容，而且色彩比较丰富。
图像的设计也是网页设计者的一项重要的操作。图片太大可能使你的网页的下载速度特慢，图象特小可能又不能表达出你的意图。自己在制作时在实际中去体会吧！在这里我不多说了。
img 标签用来把一个图像放入一份 HTML 文件，具体代码如下:
src 属性告诉浏览器该在哪里找图像。喜欢A标签一样,可以使用绝对路径和相对路径,如上述的例子，就是使用的绝对路径。可以使用相对路径，如果在一个目录中的有一个 'webjxcom.jpg'图片文件时,那么我们代码可以改为<img src="webjxcom.jpg" />，当我们制作自己的网站时为了便于管理网站，我们可以建立一个目录专门来存放图片，比如建立一个images目录中有一个webjxcom.jpg时那么我们的代码可以改为：<img src="images/webjxcom.jpg" />
图片的宽度和高度属性是必需的，如果他们被省略了, 那么浏览器将会自己计算大小，这样就增加了页面的加载时间,意味着打开你的网页的速度就会降低了。所以我建议大家还是在img标签中加上图片的高度和宽度。
alt属性是其它可能的描述。当鼠标指向图片时可以出现的提示。注意现在都推广web标准建站那么我们在IMG标签最后加上了/表明IMG标签结束。
说明：
图像的制作虽然是网页制作另外一方面的内容，但是也是比较关键的。它影响到你的网页的整体效果，所以本站加了一个图形图象专区来介绍这个技术，希望大家去看看。
通常我们在网页上使用的图片有两种格式：jpg和gif。
gif格式的图片只能达到 256种颜色，但是他们维持最初的图像颜色。降低你在图像中的颜色数字, 会降低文件的大小。
jpg格式的图片使用的是数学运算法则压缩图像，会增大图片文件的大小, 但是会比较清楚的显示图像内容，而且色彩比较丰富。
图像的设计也是网页设计者的一项重要的操作。图片太大可能使你的网页的下载速度特慢，图象特小可能又不能表达出你的意图。自己在制作时在实际中去体会吧！在这里我不多说了。
May
26
到现在我们已经自己可以制作一个单独的网页了，但是一个网站里的页面是非常多的，我们怎么让这些页面之间都联系起来呢？比如从这个页面转到另外一个页面等，今天我们就给大家讲讲超级连接的知识了。
'HTML' 的 'H' 和 'T' 代表 '超媒体',意思就是连接文本的一个系统。
一个锚标签 (a) 用来定义一个连接，但是通常会添加一个目的地址来实现连接。
把下面内容添加到你的文章中:
连接的目的地在标签 href 属性中被定义。连接可以像 'http:// www.webjx.com' 这样的一个绝对地址 ，也可以针对当前页的其它页来使用相对地址连接，至于相对地址和绝对地址在本站的其他文章中已经给大家介绍了，如果你不明白可以去看看。
举例来说，你有了一个名为 'flying.html' 的另外一个文件，那么连接的代码可以写为 <a href="flying.html">网页中的其他页</a>。
一个连接不须连接到另外的一个 HTML 文件,它能在网上连接到无论何处任何的文件。这就产生我们通常所说的盗连。有些站内容自己的内容比较少的时候，可以连接到其他地方去来补充你的内容，这样让访问这一看还以为是你站的内容呢？哈哈，再有现在FLASH比较好看，但是如果把这些FLASH上传到你的网站，那么会影响你站的流量那么你可以连接到其他站的FLASH。哈哈！功能大吧？
一个连接也能实现连接到一个页面中的其他部分，当你的页面的内容比较多时，你可以使用这种方法，好处是使访问者比较方便查看本页的内容。例如：http://www.webjx.com/web/zhaopeng/06/index.htm最上面的就是利用这种方法实现的。我们具体实现的方法是先在页面的需要的地方加上一个ID标签, 举例来说<h2 id="moss">Moss</h2>, 然后定义连接:<a href="#moss">Go to moss</a>。这时你浏览一下效果你就可以看到具体的功能了，可以实现页面的卷动。
注意
A标签允许你连接一个文件时在新的窗口中打开连接的文件,可以在href='...'后加上target=_blank就可以实现了。但是大家经常听说过IIS连接数吧？如果以新窗口打开另一个你自己站内的其他页面时就会增加一个IIS连接数，还有当你连接的是另外站的页面时那么你会把浏览者带到了其他站去了！这样你的顾客就跑了！呵呵。所以我在这里建议你还是在本页内打开一个页面吧！本站全部是在当前页面中打开的。
我认为有许多理由来说明你这样做的好处的：
从实用性观点来看，这一个方法打破导航。浏览者通常使用工具栏中的按钮来实现导航的比如工具按钮“后退”直接后退回上一个页面，而打开新的窗口后该按钮就没作用了。
从广义上说,好多用户都不希望打开你的页面之后，再开新的窗口，比如现在好多的网址站，打开之后弹出好多其他窗口，当我们上网时当你打开多个窗口时那么危险系数也就增大了，你不知道哪个网页有什么恶意代码啊！大家英文水平比较好的可以去看看国外的网站，大部分都是在同一个窗口中打开其他页面的啊！
'HTML' 的 'H' 和 'T' 代表 '超媒体',意思就是连接文本的一个系统。
一个锚标签 (a) 用来定义一个连接，但是通常会添加一个目的地址来实现连接。
把下面内容添加到你的文章中:
连接的目的地在标签 href 属性中被定义。连接可以像 'http:// www.webjx.com' 这样的一个绝对地址 ，也可以针对当前页的其它页来使用相对地址连接，至于相对地址和绝对地址在本站的其他文章中已经给大家介绍了，如果你不明白可以去看看。
举例来说，你有了一个名为 'flying.html' 的另外一个文件，那么连接的代码可以写为 <a href="flying.html">网页中的其他页</a>。
一个连接不须连接到另外的一个 HTML 文件,它能在网上连接到无论何处任何的文件。这就产生我们通常所说的盗连。有些站内容自己的内容比较少的时候，可以连接到其他地方去来补充你的内容，这样让访问这一看还以为是你站的内容呢？哈哈，再有现在FLASH比较好看，但是如果把这些FLASH上传到你的网站，那么会影响你站的流量那么你可以连接到其他站的FLASH。哈哈！功能大吧？
一个连接也能实现连接到一个页面中的其他部分，当你的页面的内容比较多时，你可以使用这种方法，好处是使访问者比较方便查看本页的内容。例如：http://www.webjx.com/web/zhaopeng/06/index.htm最上面的就是利用这种方法实现的。我们具体实现的方法是先在页面的需要的地方加上一个ID标签, 举例来说<h2 id="moss">Moss</h2>, 然后定义连接:<a href="#moss">Go to moss</a>。这时你浏览一下效果你就可以看到具体的功能了，可以实现页面的卷动。
注意
A标签允许你连接一个文件时在新的窗口中打开连接的文件,可以在href='...'后加上target=_blank就可以实现了。但是大家经常听说过IIS连接数吧？如果以新窗口打开另一个你自己站内的其他页面时就会增加一个IIS连接数，还有当你连接的是另外站的页面时那么你会把浏览者带到了其他站去了！这样你的顾客就跑了！呵呵。所以我在这里建议你还是在本页内打开一个页面吧！本站全部是在当前页面中打开的。
我认为有许多理由来说明你这样做的好处的：
从实用性观点来看，这一个方法打破导航。浏览者通常使用工具栏中的按钮来实现导航的比如工具按钮“后退”直接后退回上一个页面，而打开新的窗口后该按钮就没作用了。
从广义上说,好多用户都不希望打开你的页面之后，再开新的窗口，比如现在好多的网址站，打开之后弹出好多其他窗口，当我们上网时当你打开多个窗口时那么危险系数也就增大了，你不知道哪个网页有什么恶意代码啊！大家英文水平比较好的可以去看看国外的网站，大部分都是在同一个窗口中打开其他页面的啊！
May
26
列表有三类型;没有顺序的列表，顺序的列表和定义列表。在这里我们先介绍前面的两种，自定义的列表我们将在以后的文章中给大家介绍。
没有顺序的列表和顺序的列表操作方法是相同的,ul 标签被用在没有顺序的列表中，而 ol 标签被用在顺序的列表中。在列表之内，li 标签用来定义每个列表的项目。
将你的代码换成下列各项:
如果你在浏览器中看着效果,你可以体会一下作用。如果将 ul 标签换成 ol ，将会加上数字来显示项目了。
列表也可以被包含在列表中形成项目的一个结构化阶级组织。把上面颜色的代码改为如下：
你可以看看效果了！你可以用这个方法使你的网页的层次更加清楚。
没有顺序的列表和顺序的列表操作方法是相同的,ul 标签被用在没有顺序的列表中，而 ol 标签被用在顺序的列表中。在列表之内，li 标签用来定义每个列表的项目。
将你的代码换成下列各项:
如果你在浏览器中看着效果,你可以体会一下作用。如果将 ul 标签换成 ol ，将会加上数字来显示项目了。
列表也可以被包含在列表中形成项目的一个结构化阶级组织。把上面颜色的代码改为如下：
你可以看看效果了！你可以用这个方法使你的网页的层次更加清楚。
May
26
现在你已经知道了 HTML 文件的基本结构, 你想显示的内容再多一点，在这里给大家介绍
。标签
用记事本打开刚才的页面添加如下内容:
然后在浏览器中浏览，你会看到效果了。我们的本意是想在第二行上显示How exciting，但是实际显示的是他们显示在了同一行上。
这是因为浏览器没有自动换行的代码的原因造成的。如果你想使内容换行显示那么必须加入换行显示的代码才能够实现。改变你的内容如图:
这里P就是我们要将的换行的代码，它其实是段落的标签，当我们的内容已经达到一段想换行就可以使用这个标签。
强调
你能强调一个段落中的本文使用 em 和 strong。这是做相同的事的两种方法,他们的功能是一样的。通常在浏览器中显示斜体字用 em 标签，加粗使用strong标签。
换行
通常也可以使用换行标签来实现换行的目的。
然而，BR这一方法的目的只是使断行显示，如果使两段或两块文本换行或分开显示那么我们还是提倡使用P标签。因为使用BR标签我们可以看到了，他是使用/来使自己关闭，当我们看文章或代码时就不能实现连续看了。
