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



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

■ <DIV> :
▲Top


<DIV>称为区隔标记。作用:设定字、画、表格等的摆放位置。
<DIV>应用於 Style Sheet(式样表)方面会更显威力,它最终目的是给设计者另一种组织 能力,有 Class ; Style ; title ; ID 等属性,将会於【Style Sheet】一节才作详述,这处只介绍 一个属性设定。
以 <DIV align="center"> 为例:

align="center"
可选值:center ; left ; right 。决定字、画、表格等居中、*左或*右。
<DIV align="center"> 的作用和居中标记 <CENTER>一样,前者是由 HTML3.0 开始 的标准,後者是通用己久的标示法。
例子:

原始码 <DIV align="center">Chris's First Homepage
<br>What's new
<br>My profile</DIV>  
结果 Chris's First Homepage
What's new
My profile


■ <NOBR> :
▲Top


<NOBR>称为不折行标记。作用:令某些文字不因太长而绕行,一齐显示於同一行或下一 行。它对住址、数学算式、一行数字、程式码等尤为有用。
例子:(其中 Chris's Creation of Webpage 将不被分开而显示於同一行。)

码 If you want to know how to create you own homepage quickly, don't miss <NOBR>Chris's Creation of Webpage</NOBR> which will help you a lot.  
结果 If you want to know how to create you own homepage quickly, don't miss Chris's Creation of Webpage which will help you a lot.  

■ <WBR> :
▲Top


<WBR>称为建议折行标记。作用:预设折行部位。
它没有侵犯到 <BR> 的责任,只是作建议而已,若观者的系统解像度够高的话,那麽它是 不会折行的。
例子:(若不加<WBR>标记,整个网址会显示於下一行。)

原始码 Please visit my other homepage which locate at http://www.geocities.com/SiliconValley/<;WBR>Sector/8234/index.html There are many softwares for download. I think you will really love that place.  
结果 Please visit my other homepage which locate at http://www.geocities.com/SiliconValley/Sector/8234/index.html There are many softwares for download. I think you will really love that place.

字体标记
  ■ 本节主要介绍的标记:


<STRONG> <B>
<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>
<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB>
<H1> <H2> <H3> <H4> <H5> <H6>
<FONT> <BASEFONT>
欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。
亦请先明白围堵标记与空标记的分别请看 【HTML概念】。

■实体标记与逻辑标记 :
▲Top


这一节【字体标记】你必须先明白实体标记与逻辑标记的分别,否则你会迷惑於为何不同 的标记却有相同的效果。两者分别有以下两处:
实体标记有固定的显示效果,逻辑标记则依不同浏览器而不同。
例如逻辑标记的 <EM> 由於浏览器的不同它所标示的文字不一定出现斜体效果, 它可能是加底线、粗体或反白等,所以这一节是以它们在 IE 和 NC 中的效果作介 绍。
多个实体标记亦可有效标示同一字句,逻辑标记则通常於旧浏览器不能有效显示多 重的标示。
例如两个逻辑标记 <EM> 及 <STRONG> 同时标示一字句於旧浏览器常失去作用。
实体标记有:
<I> <B> <U>
逻辑标记有:
<STRONG> <EM> <VAR> <CITE> <DFN> <ADDRESS> <CODE> <KBO> <SAMP> <TT>
若要求真确的效果当然以实体标记为佳。

■<STRONG> <B> :
▲Top


两者皆能产生字体加粗的效果,但必须注意的是当文件被设为 Big5 Encoding 时,两者所 标示的中文字不会於 Netscape Netvigator 显示粗体效果。
例子: (第一行是没有任何字体标记的,作对照之用)

HTML Source Code (原始码) 浏览器显示结果
Creation of Webpage
<br><STRONG>Creation of Webpage</STRONG>
<br><B>Creation of Webpage</B>  Creation of Webpage
Creation of Webpage
Creation of Webpage  

 << 上一页  [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] 下一页

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

  • 下一篇作品:
  • 相 关 文 章
    没有相关作品
    专 题 栏 目
    最 新 热 门
    普通作品 我们的爱,原来只是敲错了
    普通作品 今生今世,陪着你慢慢走过
    推荐作品 失去后才懂得:没有爱情在
    推荐作品 穿过第三个红绿灯我们就牵
    推荐作品 保持家庭幸福的十个秘诀
    普通作品 真爱无言,一场让他辗转反
    推荐作品 我愿意做另一个用生命保护
    推荐作品 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号