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



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

■<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>:
▲Top


这些标记於 Internet Explorer 都产生斜体效果,而只有 </DFN> 於 Netscape Netvigator 失去作 用。这些标记中只有 <ADDRESS> 较为特别,因它包括换行效果所以不必在它前面加上 <BR> 标记。
例子:

HTML Source Code (原始码) 浏览器显示结果
<I>Creation of Webpage</I>
<br><EM>Creation of Webpage</EM>
<br><VAR>Creation of Webpage</VAR>
<br><CITE>Creation of Webpage</CITE>
<br><DFN>Creation of Webpage</DFN>
<ADDRESS>Creation of Webpage</ADDRESS>  Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage  

■<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB>
▲Top


为方便对照及记认,所以把十个标记於在一起介绍。
<TT> <SAMP> <CODE> <KBD> 可令每字母有相等宽度且每字母之间的距离稍为加 宽。但於 NC 不见得如此。
<U> 是加底线的标记,一些特别的浏览器并不支援,因顾虑到与连结混淆。
<STRIKE> 加上删除线的标记。
<BIG> 令字体加大。
<SMALL> 令字体变细。
<SUB> 为下标字, <SUP> 则为上标字,仅剩的数学标记。
例子: (第一行是没有任何字体标记的,作对照之用)

HTML Source Code (原始码) 浏览器显示结果
Creation of Webpage
<br><TT>Creation of Webpage</TT>
<br><SAMP>Creation of Webpage</SAMP>
<br><CODE>Creation of Webpage</CODE>
<br><KBD>Creation of Webpage</KBD>
<br><U>Creation of Webpage</U>
<br><STRIKE>Creation of Webpage</STRIKE>
<br><BIG>Creation of Webpage</BIG>
<br><SMALL>Creation of Webpage</SMALL>
<br>12345<SUB>7</SUB> 6789<SUP>9</SUP>  Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
123457 67899  

■<H1> <H2> <H3> <H4> <H5> <H6>:
▲Top


这些是标题标记,由 <H1> 至 <H6> 变粗变大加宽的程度逐渐减小。每个标题标记所标示 的字句将独占一行且上下留一空白行。
例子:

原始码 <H1>Header Level 1</H1>
<H2>Header Level 2</H2>
<H3>Header Level 3</H3>
<H4>Header Level 4</H4>
<H5>Header Level 5</H5>
<H6>Header Level 6</H6>  
显示结果 Header Level 1
Header Level 2
Header Level 3
Header Level 4
Header Level 5
Header Level 6

■<FONT> <BASEFONT>:
▲Top


这一节只有这两个标记具参数设定,且两者的参数设定是一样的,都是负责设定文字的大 小、字形及颜色,但各有用处,且看以下比较:
<BASEFONT> 可以用於文件的开头部分,即 <HEAD> 与 </HEAD> 之间的位置,将 影响全文字句,是一个空标记,用以改变字体显示的内定值。
<FONT> 是应用於文件的内文部分,即 <BODY> 与 </BODY> 之间的位置,只影响 所标示的字句,是一个围堵标记。
两标记可同时存在,唯没被 <FONT> 所标示的字句才直接受 <BASEFONT> 所影 响,而 <FONT> 本身亦受 <BASEFONT> 的影响。
<FONT>的参数设定:
例子: <font face="Arial" size="+2" color="#008000">Creation of Webpage</font>

face="Arial"
设定文字的字形。Arial 是常用的一种,请不要使用 Window 内建字 形以外的字形。於没有设定为 Big5 Encoding 的中文网页,Netscape Netvigator 不会显示此标记 所指明的任何中文字形。
size="+2"
设定文字的大小。其值可以是绝对或相对,
绝对的意思便是标记自己决定文字的大小,不受 <BASEFONT> 的影响,如
size="5" 表示其大小便是 5, 而html内定值为 3,即 size="3"和没有设定是一样的。
相对的意思便是在内定值 3 的基础上增加或减少大小级数,如 size="+2" 便等同绝 对表示法的 size="5",但若已设定 <BASEFONT size="n"> 则其实际大小便是 n+2 不 再是 3+2 了。<BASEFONT>只有绝对表示法。
color="#008000"
设定文字的颜色。#008000 表示绿色,各类颜色值及调色法请参考【调色原理】
例子:

原始码 <font size="+1">I love Creation of Webpage</font>
<br><font size="+2" color="#800080">I love Creation of Webpage</font>
<br><font face="Times New Roman" size="5" color="#008000">I love Creation of Webpage</font>  
显示结果 I love Creation of Webpage
I love Creation of Webpage
I love 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号