一、手 型
说到表格,可能大家在头脑中首先浮现出的是一个行列整齐的工整的方块组合。实际上表格在网页中通常是看不见边框的,其作用并不是用来填写如财务管理或是其他的数据,它被应用于网页中最多的还是对网页内容的布局。
大家仔细想一想,运用我们前面学到的所有知识是否能够做到使两列文字分成两栏并排显示?恐怕不能吧,不过运用表格就容易的多,你把表格分成两栏,分别把内容填写进去不就得了。
FrontPage或Dreamweaver等软件有很好的制表功能,如果使用手动编写对于一个复杂嵌套的表格来说是比较困难的,特别是对于初学者,很容易出错。用软件生成的表格虽不会出错,却会生成大量的空格和没有意义的一堆垃圾代码。使HTML文件体积增大不少。所以编写表格到底用软件生成还是直接书写源代码就由你自己选择了,不过了解它是如何构成的,总是有百利而无一弊哉。这里我做简单的介绍,仅涉及表格的常用标记,这样对大家也有好处,实用为主嘛!
表格的打头标记是<table>它表示一个表格的起始和中止,它有一个border属性,值为象素数值,表示表格边框的宽度,默认为Border=0,即无边框,
此外表格table还有一个不太常用的用
<DL>标记叫称定义列表,又称词汇列表,就好象词典里的词条,主要用于比较冗长的列表项,有两个子标记,<DT>表示词条项,<DD>表示释意项,使用比较容易,就不再做更多的解释,只做个示范:
<dl>武汉大学
<dt>武汉大学位于武昌珞珈山,经国务院批准,2000年8月2日,原武汉大学与原武汉水利电力大学(武汉)、武汉测绘科技大学、湖北医科大学合并组建成新的武汉大学。
<dd>武汉测绘科技大学
<dt>武汉测绘科技大学是全国唯一的一所以测绘学科为主干的全国重点大学,96年通过国家211工程预审。有世界测绘之都的美喻。
<dd>
</dl>
显示效果如下:
时时刻刻要记住的是,HTML是一种可以自由组合
和OL有序排列相对的是UL的无序排列,它将以一些特殊的符号来表示列表项,其使用方法和OL相似,不同的是无序列表的表项不用序号表示,而是一些如圆圈,方块等符号。
UL的列表项也使用<LI>和<LH>为标记,它的Type有三个内置值:disc、square和circle,分别表示圆饼(为默认值)、方块和圆圈。在列表标记中,各项是可以互相嵌套的,这样也就可以形成很多的层次:
<UL>
<LH>太阳系的成员
<LI>太阳
<UL type=circle>
<LI>金星
<LI>木星
<LI>水星
<LI>火星
<LI>土星
<LI>地球
<UL Type=square>
<LI>月球
</UL>
<LI>冥王星
<LI>天王星
<LI>海王星
<LI>其他小行星和彗星等等
</UL>
</UL>
显示效果如下:
太阳系的成员
在网页制作中,也经常要碰到这种事情,譬如对于一组数据进行编写时,列表项就是最好的选择,而列表可能也是HTML中比较混乱的一部分,它有很多可以互为替代的部分。我们所要讲解到的几个列表标识在浏览器中的表示形式很相似,仅有少许不同,先看看有序列表标识<OL>(再次提醒,HTML标识用大小写字母都可以,这里之所以用大写是怕你将字母L误作数字1了)。
<OL>用来表示列表开始,其实列表标识的用法非常简单,看过之后你就会明白的。它包含而个子项:
<LH>表示列表的标题,该标识可以不要。
<LI>表示列表项,这两项都是不需要封口的标记,原因很简单,因为当浏览器碰见下一个<LI>标识自然就知道上一个<LI>标识结束了,而不可能是两个列表的嵌套(如果
前面讲解了一些HTML标记,今天来看看短横线标识<hr>,它用来在网页生成分割线,要注意<hr>并不是一个容器型的标记。各参数如下表:
参数说明:
Align
对齐方式,可以为left、right、center,默认是向中间对齐
Width
规定分割线的宽度,可以是象素或百分比(根据窗口或父标记)数值
Size
规定分割线的高度
Noshade
如果使用该属性,浏览器将不显示三维效果
Color
规定分割线的颜色
如下面的页面:
<html>
<head>
<title>hr标识</title>
</head>
<body>
<h1 align=center>hr标识</h1>
<hr noshadow width='100%'>
<hr color=red width='90%' size='10'>
</body>
</html>
显示效果如下:
可以看到第一个短线具
但是说白了,微软的主页又有什么了不起?如果你完全了解了HTML、样式单、脚本技术和ActiveX技术,就会发现不过也就是这样,不会复杂到哪里。做主页最需要的还是精力,有一点点主页知识,一点点审美能力,配合网页的主题,经过不断的努力就能做出一个受欢迎的好主页。我说的都是真的,而现在我教给大家的就是建造主页的最基础的知识,随后我们会渐渐深入,你会发现制作主页是多么的有趣,你可以在上面随意发表自己的见解看法,Internet就是这样。
现在的网上可以看到很多精美的主页,其实他们很多是靠图片来装饰的,比如说圆角的表格就是在表格四周加上和背景色相同的小图片实现的。
网页中的图片实际上是调用,就是在浏览器中指明图片的存放位置,图片的尺寸,这样浏览器就可以在网页中显示该图片了。
在主流浏览器中现在普遍支持的图片格式有很多,比如“bmp、tiff、gif、jepg、pgn”等等,但运用的最多的还是Gif格式和JEPG格式,Gif格式有很多好处,比如它可以在网页中提供动画,