您在: LoveApple -> 美丽人生 -> 学习资料 -> Office -> 作品正文
  HTML基础知识       ★★★
HTML基础知识
网页制作基础篇
【字体: 】     本站整理     LoveApple     2006-3-13 21:46:30     繁體



内容提要:
HTML 不是程式语言,如 C++ 和 Java 之类,它只是标示语言,基本上你只要明白了各种 标记的用法便算学懂了 HTML,HTML 的格式非常简单,只是由文字及标记组合而成,於 编辑方面,任何文字编辑器都可以,只要能将档案另存成 ASCII 纯文字格式即可,当然 以专业的网页编辑软件为佳。


例子五:

原始码 <center>
<table width="60%" cellspacing="0" cellpadding="2" align="CENTER">
     <tr>
<td bgcolor="#FFD2E9">第一列第一栏</td>
<td bgcolor="#FFDAB5">第一列第二栏</td>
<td bgcolor="#FFFFB5">第一列第叁栏</td>
     </tr>
     <tr bgcolor="#C0C0C0">
<td>第二列第一栏</td>
<td>第二列第二栏</td>
<td>第二列第叁栏</td>
     </tr>
</table>
</center>  
显示结果 第一列第一栏 第一列第二栏 第一列第叁栏
第二列第一栏 第二列第二栏 第二列第叁栏


例子六

原始码 <center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="CENTER" bgcolor="#FFC4E1" bordercolor="#0000FF">
     <tr>
<td>第一列第一栏</td>
<td colspan="2">第一列 之 第二栏及第叁栏</td>
     </tr>
     <tr>
<td rowspan="2">第二列及第叁列 之 第一栏</td>
<td>第二列第二栏</td>
<td>第二列第叁栏</td>
     </tr>
     <tr>
<td>第叁列第二栏</td>
<td>第叁列第叁栏</td>
     </tr>
</table>
</center>  
显示结果 第一列第一栏 第一列 之 第二栏及第叁栏
第二列及第叁列 之 第一栏 第二列第二栏 第二列第叁栏
第叁列第二栏 第叁列第叁栏


■ <TH> :
▲Top


<TH>与<TD>同样是标示一个储存格,唯一不同的是<TH>所标示的储存格中的文字是以粗 体出现,通常用於表格第一列以标示栏目。它的用法是取代<TD>的位置便可以,其参数 设定请参考<TD>。
当然若为<TD>所标示的储存格中的文字加上粗体标记<B>便等如<TH>的效果。
例子:

原始码 <center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="CENTER">
     <tr align="CENTER">
<th>Month</th><th>% of IE visitor</th><th>% of NC visitor</th>
     </tr>
     <tr align="CENTER">
<td>August</td><td>61%</td><td>39%</td>
     </tr>
     <tr align="CENTER">
<td>July</td><td>54%</td><td>46%</td>
     </tr>
     <tr align="CENTER">
<td>June</td><td>52%</td><td>48%</td>
     </tr>
</table>
</center>  
显示结果 Month % of IE visitor % of NC visitor
August 61% 39%
July 54% 46%
June 52% 48%


■ <CAPTION> :
▲Top


<CAPTION> 的作用是为表格标示一个标题列,有如在表格上方加上一没格线的打通列。 当然亦可置於下方,通常用以存放该表格的标题。
<CAPTION> 的参数设定(常用):
例如:<caption align="TOP" valign="TOP"></caption>

align="TOP"
该表格标题列相对於表格的摆放贴齐位置(水平),可选值为: left, center, right, top, middle, bottom,若 align="bottom" 的话标题列便会出现对表格的下方,不管你 的原始码中把 <caption> 放在 <table> 中的头部或尾部。
valign="TOP"
该表格标题列相对於表格的摆放位置(上下),可选值为: top, bottom。和 align="TOP" 或 align="BOTTOM" 是一样的,虽然功能重复了,但如果你要标题列 置於下方及向右或向左贴齐,那末两个参数便可一齐用了。当只需一个参数时, 请首选 align,因为 valign 是由 HTML 3.0 才开始的参数。
例子:

原始码 <center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="CENTER">
<caption>网页速成 八月份访客浏览器使用分析</caption>
     <tr align="CENTER">
<th>Month</th>
<th>% of IE visitor</th>
<th>% of NC visitor</th>
     </tr>
     <tr align="CENTER">
<td>August</td>
<td>61%</td>
<td>39%</td>
     </tr>
</table>
</center>

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]  ... 下一页  >> 

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
  • 上一篇作品:

  • 下一篇作品:
  • 相 关 文 章
    没有相关作品
    专 题 栏 目
    最 新 热 门
    普通作品 我们的爱,原来只是敲错了
    普通作品 今生今世,陪着你慢慢走过
    推荐作品 失去后才懂得:没有爱情在
    推荐作品 穿过第三个红绿灯我们就牵
    推荐作品 保持家庭幸福的十个秘诀
    普通作品 真爱无言,一场让他辗转反
    推荐作品 我愿意做另一个用生命保护
    推荐作品 SCO UNIX Vi 命令
    普通作品 SCO UNIX SHELL 命令
    推荐作品 SCO UNIX 目录文件操作命令
    最 新 推 荐
    推荐作品 她已经放弃天堂 你相信有天
    推荐作品 失去后才懂得:没有爱情在
    推荐作品 穿过第三个红绿灯我们就牵
    推荐作品 保持家庭幸福的十个秘诀
    推荐作品 我愿意做另一个用生命保护
    推荐作品 SCO UNIX Vi 命令
    推荐作品 SCO UNIX 目录文件操作命令
    推荐作品 禅说爱情
    推荐作品 当爱情遭遇婚姻为何会搁浅
    推荐作品 再婚使我获得幸福
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    LoveApple Club版权与免责声明:
    一、凡本网注明“LoveApple”的所有作品,版权均属于LoveApple,未经本网授权不得转载、摘编或利用其它方式使用上述作品。已经本网授权使用作品的,应在授权范围内使用,并注明“来源:LoveApple”。违反上述声明者,本网将追究其相关法律责任。
    二、凡本网注明“来源:XXX(非LoveApple)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
    三、如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。要同本网联系的,请在30日内进行。
    ※联系方式:网站管理员 QQ:489567068 MSN:wangge9#msn.com  E-mail: wangge9#gmail.com(发信时请把#换成@)
    设为首页 | 加入收藏 | 友情链接 | 使用条款 | 隐私政策 | 网站地图 | 关于我们 | 帮助中心 | 搜索中心 | 联系我们 | 网站公告
    浙ICP备05080468号