您好!欢迎您光临关于源代码_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>HTML讲座>>>关于源代码
关于源代码
发表日期:2007/6/13 14:07:00 出处:网络 作者:未知 发布人:hsb345 已被访问 2027

 关于源代码

 

 

NewzCrawler使用教程
-----------------------------------------------------------------

转载请保留作者和出处 下面将用图文介绍如何使用NewzCrawler来查看blogger们的最新日志

1》下载NewzCrawler:
在浏览器上输入
http://www.newzcrawler.com/downloads.shtml 

点击 “Download Now >>>” 页面将转向


这里略去了安装步骤……

2》使用NewzCrawler:

打开NewzCrawler,由于此软件是共享软件,所以未注册用户显示的是如下画面等几秒钟后就可以按那?try"了


软件界面:

新建目录:按菜单上的channel-new-new folder
在跳出的窗口中输入目录名,如图

新目录就建成了


在自己的目录上按鼠标右键-new-new newsfeed channel或者CTRL+N可以新建一个channel(频道)

在channel origin(频道来源)里选择第一项


然后按"next"键,显示一个提示输入频道地址的对话框


接着一直按"next"继续,如果判断这个地址内容为正确的RSS文件则读取此RSS文件(对blogcn.com的用户来说,隐藏用户或者错误的用户名都不能被读取)

如果顺利下去你的频道就会被登陆在NewzCrawler,如图:


其中右下框是频道的一些信息,右上框是最新20条BLOG日志的简要。点击相应的标题可以查看简要和向后链接。

而在NewzCrawler上更新最新的日志信息只需要在channel名上按F5就可以立即更新。

以上为NewzCrawler的简单使用方法

(p.s:由于blogcn.com使用的是rss1.0,可能只支持0.9X版本的新闻聚合软件不能很好的查看聚合新闻)

*******************************************************************


HTML标签简明教程
------------------------------------------------------------------

总类(所有HTML文件都有的) 文件类型 <HTML ></HTML > (放在档案的开头与结尾)
文件主题 <TITLE ></TITLE > (必须放在「文头」区块内) 
文头 <HEAD ></HEAD > (描述性资料,像是「主题」) 
文体 <BODY ></BODY > (文件本体)

*****************************************************************************************************


结构性定义(由浏览器控制的显示风格)

标题 <H? ></H? > (从1到6,有六层选择) 
3.0 标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT ></H? > 
3.0 区分 <DIV ></DIV >
3.0 区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY ></DIV >
引文区块 <BLOCKQUOTE ></BLOCKQUOTE > (通常会内缩)
强调 <EM ></EM > (通常会以斜体显示) 
特别强调 <STRONG ></STRONG > (通常会以加粗显示) 
引文 <CITE ></CITE > (通常会以斜体显示)
码 <CODE ></CODE > (显示原始码之用)
样本 <SAMP ></SAMP > 
键盘输入 <KBD ></KBD > 
变数 <VAR ></VAR > 
定义 <DFN ></DFN > (有些浏览器不提供) 
地址 <ADDRESS ></ADDRESS > 
3.0 大字 <BIG ></BIG > 
3.0 小字 <SMALL ></SMALL > 

******************************************************************

与外观相关的标签(作者自订的表现方式)

加粗  斜体  
3.0 底线  (尚有些浏览器不提供) 
3.0 删除线 <S ></S > (尚有些浏览器不提供) 
3.0 下标 <SUB ></SUB > 
3.0 上标 <SUP ></SUP > 
打字机体 <TT ></TT > (用单空格字型显示) 
预定格式 <PRE ></PRE > (保留文件中空格的大小) 
预定格式的宽度 <PRE WIDTH=? ></PRE >(以字元计算) 
N1.0+ 向中看齐 <CENTER ></CENTER > (文字与图片都可以) 
N1.0 闪耀 <BLINK ></BLINK > (有史以来最被嘲弄的标签)
N1.0 字体大小 (从1到7) 
N1.0 改变字体大小 <FONT SIZE=+|-? > 
N1.0 基本字体大小 <BASEFONT SIZE=? > (从1到7; 内定为3) 
N2.0 字体颜色  

*****************************************************************************************************


连结与图形

连结 <A HREF="URL" >
连结到锚点 <A HREF="URL#***" >(如果锚点在另一个档案)
<A HREF="#***" > (如果锚点目前的档案)
N2.0 连结到目的视框 <A HREF="URL" TARGET="***" > 
设定锚点 <A NAME="***" > 
图形 <IMG SRC="URL" > 
图形看齐方式 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE > 
N1.0 图形看齐方式 <IMG SRC="URL"
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM > 
取代文字 <IMG SRC="URL" ALT="***" > (如果没有办法显示图形则显示此文字)
点选图 <IMG SRC="URL" ISMAP > (需要CGI程式) 
N2.0 点选图 <IMG SRC="URL" USEMAP="URL" >
N2.0 地图 <MAP NAME="***" ></MAP >(描述地图) 
N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF > 
3.0 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?" >(以pixels为单位) 
N1.0 图形边缘 <IMG SRC="URL" BORDER=? > (以pixels为单位) 
N1.0 图形边缘空间 <IMG SRC="URL" HSPACE=? VSPACE=? > (以pixels为单位) 
N1.0 低解析度图形 <IMG SRC="URL" LOWSRC="URL" > 
N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL" >(使用端自动更新 ) 
N2.0 内嵌物件 <EMBED SRC="URL" > (将物件插入页面) 
N2.0 内嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?" > 

*******************************************************************

分隔

段落 <P > (通常是两个return) 
3.0 段落 <P ></P > (新定义成容器型标签) 
3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT ></P > 
换行 <BR > (一个return) 
N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL >(与图形合用时) 
横线 <HR > 
N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER > 
N1.0 横线厚度 <HR SIZE=? > (以pixels为单位) 
N1.0 横线宽度 <HR WIDTH=? > (以pixels为单位) 
N1.0 横线比率宽度 <HR WIDTH=% > (以页宽为100%) 
N1.0 实线 <HR NOSHADE > (没有立体效果) 
N1.0 不可换行 <NOBR ></NOBR > (不换行) 
N1.0 可换行处 <WBR > (如果需要,可在此断行)

*****************************************************************************************************


列举 (可以巢状列举)

无次序式列举

 (
 放在每一项前) 
N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE >(定义全部的列举项)
<LI TYPE=DISC|CIRCLE|SQUARE >(定义这个及其後的列举项) 
有次序式列举

 (
 放在每一项前) 
N1.0 数标型态 <OL TYPE=A|a|I|i|1 > (定义全部的列举项)
<LI TYPE=A|a|I|i|1 > (定义这个及其後的列举项) 
N1.0 起始数字 <OL VALUE=? > (定义全部的列举项)
<LI VALUE=? > (定义这个及其後的列举项) 
定义式列举 <DL ><DT ><DD ></DL >(<DT >项目, <DD >定义) 
表单式列举 <MENU >
</MENU >(
 放在每一项前) 
目录式列举 <DIR >
</DIR > (
 放在每一项前) 

*******************************************************************

背景与颜色 

3.0 重复排列的背景 <BODY BACKGROUND="URL" > 
N1.1+ 背景颜色 <BODY BGCOLOR="#$$$$$$" > (依序为红、绿、蓝) 
N1.1+ 文字颜色 <BODY TEXT="#$$$$$$" > 
N1.1+ 连结颜色 <BODY LINK="#$$$$$$" > 
N1.1+ 看过的连结 <BODY VLINK="#$$$$$$" > 
N1.1 使用中的连结 <BODY ALINK="#$$$$$$" > 

*******************************************************************

特殊字元(以下标签需用小写)

特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码)
< < > > & & " " 
注册商标TM &reg; 
N1.0+ 注册商标TM &reg; 
著作权符号 &copy; 
N1.0+ 著作权符号 &copy; 

*******************************************************************

表单 (通常需要与CGI程式配合)

定义表单 <FORM ACTION="URL" METHOD=GET|POST ></FORM > 
N2.0 上传档案 <FORM ENCTYPE="multipart/form-data ></FORM > 
输入栏位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET" > 
栏位名称 <INPUT NAME="***" > 
栏位内定值 <INPUT VALUE="***" > 
已选定 <INPUT CHECKED > (适用於checkboxes与 radio boxes) 
栏位宽度 <INPUT SIZE=? > (以字元数为单位) 
最长字数 <INPUT MAXLENGTH=? > (以字元数为单位) 
下拉式选单 <SELECT ></SELECT > 
下拉式选单名称 <SELECT NAME="***" ></SELECT > 
选单项目数量 <SELECT SIZE=? ></SELECT > 
多选式选单 <SELECT MULTIPLE > (多选) 
选项 <OPTION > 
内定选项 <OPTION SELECTED > 
文字输入区 <TEX

 ******************************************************************

10分钟搞定HTML
-------------------------------------------------------------------

HTML是 HyperText Tarkup Language的缩写,即超文本标记语言,是在WWW上建立超文本文件的语言,它通过标记和属性对一段文本的语言进行描述,它提供超文本连接,可以指向网络中另一台计算机的文件,HTML还支持在文本中镶入图象,声音,动画等不同格式的文件,HTML还具有强大的排版功能,利用HTML可以制作出任意版面的主页。 
HTML有什麽特点? 
HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下: 
1 简易性,HTML版本升级采用超集方式,从而更加灵活方便。 
2 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。 
3 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。 
用什麽可以编辑HTML? 
HTML其实是文本,它需要浏览器的解释,HTML的编辑器大体可以分为三种, 
1 基本编辑软件,使用WINDOWS自带的记事本或写字版都可以编写,当然,如果你用WPS来编写,也可以。不过存盘是请使用.htm或.html作为扩展名,这样浏览器就可以解释执行了。 
2 半所见即所得软件,这种软件能大大提高开发效率,它可以使你在很短的时间内做出HOMEPAGE,且可以学习HTML,这种类型的软件主要有HOTDOG,还有国产的软件网页作坊(不过新版本好象较HTML SHOP),你可以到软件麦当劳去下载。 
3 所见即所的软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,不过它也有一个缺点,使人懒惰(玩笑),这类软件主要有FRONTPAGE98,DREAMWEAVER,如果你还没有装,请到软件麦当劳去下载。 

*******************************************************************

HEAD元素使用集锦(上)
-------------------------------------------------------------------


    HTML文档由两部分组成:Head(主题部分,一般来说是不可见的)和Body(正文部分,在浏览器中是可见的)。随着FrontPage及Dreamweaver(简称DW)等可视化的网页编辑器的流行,不懂HTML也可以做一个具有专业水平的网页已经不是一个梦。但是,这些主页制作工具都不能自己生成一个好的主题部分,这就需要我们来了解一下其中的元素了。   

  一、Head元素   

  Meta 它记录当前页面的信息,例如字符编码、作者、版权和关键字等。还可以用来向服务器提供信息,例如截止日期和页面刷新间隔等。它的两种基本用法是:告诉浏览器网页所识别的文件类型及语言类型;让搜索引擎按关键字搜索到你的网页。   

  Attribute 指定Meta标签是否包含Name (页面描述信息)或HTTP Equiv (HTTP标题信息)。“Value”指定所提供信息的类型。有些值是已经定义好的,在DW中有专门的属性检查器。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其它任意值,如:creationdate(创建日期)、document ID(文档编号)和level(等级)等。   

  Content。如果指定level(等级)为Value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。   

  Title页面标题,显示在浏览器的标题栏上。   

  Keywords 许多流行的搜索引擎可自动阅读Meta标签中的Keywords内容,并使用该信息在其数据库中建立对该页面的索引。有些搜索引擎在建立索引时对关键字或字符有数量上的限制。有些则在关键字超出限定范围时忽略所有关键字。因此为网页精选关键字是很有必要的。在标志为Keywords的域中使用逗号来分隔关键字。   

  Description 与Keywords具有相似的功能。只是用描述性的语句代替了关键字。部分搜索引擎在建立索引时对字符数有一定的限制,因此应尽量言简意赅。   

  Refresh使用Refresh元素可以指定在某一时间段后自动对页面进行刷新。   

  Action指定是否要转到其它URL或刷新当前页面。要转到其它URL,可单击Brower按钮选择要载入的页面。   

  Delay在刷新页面之前以秒为单位的等待时间,要立即刷新页面,可以在此域中输入0。   

  Base使用Base元素可设置基本URL。   

  Href指定基本URL,可直接键入路径或选择。   

  Target指定所有链接的文档要打开的窗口。可以在当前框架集中选择一个框架或在其提供的四种保留窗口中选择其一,默认为_self。   

  Link使用Link元素可定义当前文档和其它文件(如CSS文件)之间的关系。   

  ID指定某链接的唯一标识符。   

  Title说明链接的关系。此属性对链接样式表非常合适。   

  Rel指定当前文档和Href域中文档之间的关系。其可能的值包括:Alternate(备选)、Stylesheet(样式表)、Start(启动)、Next(下一个)、Prev(上一个)、Content(内容)、Index(索引)、Glossary(词汇)、Copyright(版权)、Chapter(章)、Section(节)、Subsection(小节)、Appendix(附录)、Help(帮助信息)、Bookmark(书签)等。要指定多个关系,请使用空格将值分开。

*******************************************************************

HEAD元素使用集锦(下)
--------------------------------------------------------------

二、实例说明   

   <title> HEAD元素使用集锦</title>   
   <!--网页标题 -->   
   <meta http-equiv=″Content-Type″ content=″text/html; charset=gb2312″>   
   <!--网页内容类型,TXT或HTML格式,编码方式为GB2312 -->   
   <meta name=″keywords″ content=″HEAD元素″>   
   <!-- 关键字信息 -->   
   <meta name=″description″ content=″本网页用于说明HEAD元素的使用方式″>   
   <!-- 对网站的进一步描述-->   
   <meta http-equiv=″refresh″ content=″5;URL=index.htm″>   
   <!--网页在5秒后自动刷新,链接地址为index.htm页 -->   
   <base href=″″ target=″_blank″>   
   <!--基本链接设定,目标为弹出新页面。此项可用于Frame页中指定链接显示的Frame,例如:target=″main″>   
   <link rel=″stylesheet″ href=″homepage.css″>   
   <!--调入样式表,链接样式表文件″homepage.css″ --> 

*********************************************************************

被遗忘的HTML标记
--------------------------------------------------------------------

  1.BGSOUND   
  BGSOUND元素可在IE3.0以上的浏览器中运行,在NetScape任何版本的浏览器中都是无效的。BGSOUND用来设定页面载入时的背景音乐,它的语法格式如下:
  <BGSOUND SRC=″url″ LOOP=″n″>
  BGSOUND可以放在页面文件中的任何位置,但一般为了容易读懂页面源代码,都将其放在标签后的第一个位置上。它有SRC和LOOP两个属性,其中的SRC是用来指定音乐文件的具体url路径,音乐文件可以是WAV、AU或者MIDI格式等。LOOP用来指定背景音乐循环播放的次数,当LOOP=-1时,背景音乐将会连续播放,直到浏览器开始载入下一个页面为止。例如下例:
  <BGSOUND SRC=″music/bgmusic.wav″ loop=-1>
  2.IFRAME
  这也是一个只可在IE3.0以上的浏览器中运行的HTML元素,在NetScape浏览器中运行时不会显示出任何效果。IFRAME元素可以在页面中插入一个浮动的窗口,在这个浮动窗口中可以显示另外一个网页页面。它的基本语法格式如下:
  <IFRAME SRC=″url″ FRAMEBORDER=″1或0″ WIDTH=″x″ HEIGHT=″y″ SCROLLING=″yes或no″ ALIGN=″alignment″ MARGINWIDTH=″x″ MARGINHEIGHT=″y″></IFRAME>
  其中SRC是用来指定在页面浮动窗口中显示的网页文件的具体url地址;FRAMEBORDER用来指定页面浮动窗口是否具有边框,它的值只有1和0两个,分别表示有边框和没有边框;WIDTH和HEIGHT用来指定页面浮动窗口的宽度和高度;SCROLLING指定页面浮动窗口是否需要用滚动条,它的值有yes和no两个,当页面浮动窗口内嵌网页页面大于浮动窗口时,在默认的情况下,在浮动窗口的右边和下边会自动提供滚动条,但如果SCROLLING=″yes″,则不管在什么情况下,浮动窗口都会提供滚动条,如果SCROLLING=″no″,则不管在什么情况下,浮动窗口都不提供滚动条;ALIGN属性指定浮动窗口内的页面相对于浮动窗口的位置,它的值有left、right、top、middle、bottom,分别表示浮动窗口内的页面的位置是靠左、靠右、靠上、居中和靠下;MARGINWIDTH和MARGINHEIGHT分别用来指定浮动窗口内的页面与浮动窗口之间在水平方向和竖直方向上的填充距。请看下例:
  <BODY bgcolor=″#33eebb″ text=″#000000″>
  <FONT SIZE=5>利用IFRAME元素制作页面浮动窗口
  <IFRAME SRC=″poem.htm″ FRAMEBORDER=″1″ WIDTH=″400″ HEIGHT=″200″ MARGINWIDTH=″10″ MARGINHEIGHT=″10″<>/IFRAME>
  </BODY>


  3.MARQUEE
  只可以在IE3.0以上版本的浏览器中运行的HTML元素,NetScape浏览器会忽略该元素。MARQUEE可以为我们在页面上提供一个“电子播放器”,即产生滚动字幕的页面效果。它的基本语法结构如下所示:
  <MARQUEE ALIGN=″alignment″ BEHAVIOR=″type″ BGCOLOR=″color″ DIRECTION=″direction″ SCROLLAMOUNT=″n″ SCROLLDELAY=″n″ LOOP=″n″ WIDTH=″x″ HEIGHT=″y″ HSPACE=″x″ VSPACE=″y″>滚动字幕内容</MARQUEE>
  其中ALIGN用来指定滚动字幕与左右文字的对齐方式,它的值可以有top、middle、bottom等;BEHAVIOR用来指定滚动字幕的滚动方式,它的属性值有scroll、slide和alternate三个,scroll表示滚动字幕内容向同一方向重复滚动,slide表示滚动字幕内容从一端向另一端滚动并在另一端停止,alternate表示滚动字幕内容在两端之间来回往复滚动;DIRECTION指定滚动字幕的滚动方向,它的属性值有left和right两个,分别表示滚动字幕由右向左和由左向右滚动;SCROLLAMOUNT用来设置多次滚动之间的间隔距离,其单位是pixels(像素);SCROLLING用来指定滚动字幕滚动一次所需要的时间,单位是ms(千分之一秒),其值的大小将直接影响滚动字幕的滚动速度;LOOP属性是用来指定滚动字幕的滚动次数的,当它的值为“-1”时,滚动字幕将连续滚动直到浏览器载入下一个页面;HSPACE和VSPACE则分别用来指定滚动字幕与其上一级页面在水平方向和竖直方向上的距离。 
  4.MULTICOL
  MULTICOL元素是只能在NetScape3.0以上版本的浏览器中运行的HTML元素,尽管在IE中也不会造成太大的麻烦,用来在网页上实现分栏效果。它的基本语法结构如下所示:
  <MULTICOL COLS=″n″ GUTTER=″x″ WIDTH=″x″></MULTICOL>
  其中的COLS属性定义分栏栏数,GUTTER表示各栏之间的距离,而WIDTH表示的是每栏宽度,而不是整个分栏区域的宽度。还需要注意的是,MULTICOL在处理分栏时,并不能自动为文字换行,所以还需要在每行的最后加上强制换行标签
。请看下例:
  <BODY>
  <MULTICOL COLS=″3″ GRTTER=″10″ WIDTH=″450″>
  这首诗是周恩来同志……《敬业》第五期。
  </MULTICOL>
  </BODY>
  需要注意的是,由于NetScape在处理中文换行问题上的不足,要使分栏效果能够正常显示,还必须在页面文件开头的META标签内加上″charset=gb2312″代码。
  5.SPACER
  SPACER也是一个只能在NetScape3.0以上版本的浏览器中运行的HTML元素,通过运用SPACER元素,可以在页面上产生一些具有一定尺寸和位置的空格,从而实现一些特殊的效果。它的语法结构如下所示:
  <SPACER TYPE=″block″ ALIGN=″alignment″ WIDTH=″x″ HEIGHT=″y″>
  或者是
  <SPACER TYPE=″horizontal/vertical″ ALIGN=″alignment″ SIZE=″n″>
  这两种语法结构基本相同,只不过TYPE属性值为″block″时,只能通过WIDTH和HEIGHT来定义它的尺寸,而不能用SIZE属性;而当TYPE属性值为″horizontal″或″vertical″时,只能用SIZE属性来控制尺寸。TYPE属性值为″block″时,WIDTH表示空格的宽度,HEIGHT表示空格的高度,多出所在行行高的部分将会延伸到下一行;当TYPE的属性值为″horizontal″时,表示在该行插入一个水平方向上的空格,其宽度为SIZE属性所指定的数值;TYPE属性值为″vertical″时,表示在该处插入一个竖直方向上的空格,SIZE值表示的是该行与上一行之间的行距。下面请看一个用到了以上三种TYPE属性的例子:
  <body>
  <spacer type=″block″ align=″left″ width=″32px″ height=″100px″>
  <spacer type=″horizontal″ size=″32px″>由于现在的软件越做越大,4G以下的硬盘已被淘<spacer type=″vertical″ size=″8px″>汰出了主流市场……
  </body>
  6.LAYER
  LAYER是在NetScape Communicator 4.0中才出现的HTML元素,它可以让网页中的不同元素位于不同的层上,这类似于PhotoShop中层的概念。通过使用LAYER元素,可以在页面中实现图文定位、元素重叠等效果,如果再与适当的Script语言结合,还可以实现改变重叠顺序、控制元素的显示或隐藏,甚至还可以实现动画效果。LAYER的基本语法结构如下:
  <LAYER NAME=″name″ LEFT=″x″ TOP=″y″ Z-INDEX=″n″ VISIBILITY=″visibility″>……</LAYER>
  其中NAME用来给层命名,通过这个名字Script可以对该层进行操作。LEFT和TOP用来控制层在页面中的位置,分别表示层的左上角距浏览器窗口左边框和上边框的距离。Z-INDEX属性中用来控制不同的层在页面中的层叠顺序,数字小的层位于数字大的下面。VISIBILITY属性定义该层的显示属性,它的值有show、hide、inherit,其中show和hide分别表示该层为可见和不可见,而inherit则表示该层的显示属性与其上一级层的显示属性相同。请看下面的这个实例:
  <BODY BGCOLOR=″#ffffdd″>
  <layer name=″layer1″ left=″10″ top=″10″ z-index=0>
  <img src=″girl.jpg″ WIDTH=″240″ HEIGHT=″240″>
  </layer>
  <layer name=″layer2″ left=″190″ top=″70″ z-index=1>
  Hi!你好,小女子网名毛毛,希望能与你成为好朋友
  </layer>
  </BODY>
  以上我们所提到的元素只是比较重要的几个,这些元素在使用的时候,虽然仅被一种浏览器所支持,但在别的浏览器上一般也不会产生错误的信息。而有些元素,如IFRAME,在不支持的浏览器中运行后不能够正常地表达页面的意图,用与不用,就要看你的智慧了。 

******************************************************************** 

解析HTML的增强标记
-------------------------------------------------------------------

近年来,超文本标识语言(HTML)得到了迅速拓展。为满足更多的需要,它增加了许多扩展功能。设计新颖、吸引人的网页已经越来越依赖Java Applet(小程序)、内嵌脚本、图文框、插件和其它扩展的HTML功能。这些扩展的HTML功能不仅可以对文本作进一步的格式化,而且可以嵌入程序、动画和其它交互式操作元素,将曾经是静态的主页转换成一幅新的美妙绝伦的画面,它可以任主页制作者充分发挥自己的想像力,设计出充满魅力的主页来。下面我就介绍几个用于增强HTML页面功能的超文本标记,这些标记正越来越多地用于网页设计中。 

  1.〈script〉标记 

  〈script〉是用来标志Javascript和VBscript编程的HTML标记,它的格式如下: 

  〈script 属性=属性值〉Javascript或者VBscript程序源代码〈/script〉 

  你可以在页面中插入任意多的〈script〉......〈/script〉标记块。〈script〉标记有多种属性(如event、for、language、src等),其中最常用的是language属性,它用来指定脚本的语言类型,如“Javascript”或“VBscript”。 

  2.〈applet〉标记 

  〈applet〉标记是用来在页面中插入Java小程序的专用标记,它有多种属性。〈applet〉标记的一般属性格式如下: 

  〈applet 属性=属性值〉〈/applet〉 

  它的各种属性分别用来定义Java小程序的路径、文件名、Java applet小程序在页面中的位置、大小及运行参数等。 

  3.〈object〉标记 

  〈object〉标记不仅可以用来在页面中插入ActiveX控件,还可以插入其他的OLE对象,如图像、文档、动画、小程序等等,它的格式为: 

  〈object 属性=属性值〉〈/object〉 

  它的各种属性分别用来设定插入对象的类型、路径、在页面中显示的大小、位置等。 

  4.〈param〉标记 

  用〈object〉标记在页面中插入ActiveX控件或其它对象之后,有时候需要向该对象或者控件传递参数,这就要使用〈param〉标记。该标记没有相应的结束标志〈/param〉,并且该标记仅在〈object〉标记中有效,它的一般格式为: 

  〈param name=* value=* valuetype=* type=*〉 

  各属性的含义是:name是参数的名字;value指定参数的值;valuetype指定怎样表示参数的值;type指定媒体类型。 

  5.〈embed〉标记 

  该标记可以用来在主页中嵌入多媒体文件,如电影(movie)、声音、虚拟现实语言(vrml)等,但此时需要在浏览器中安装播放相应多媒体文件的插件。〈embed〉标记在各个插件中表现不同,它的一般格式为:〈embed src=″url″〉。 

  6.〈bgsound〉标记 

  该标记用来在页面中插入背景音乐,它的格式为: 

  〈bgsound src=″url″ loop=″*″〉 

  其中src用来指定wav文件的地址,loop设定循环播放次数

******************************************************************

META 标签的奥妙
-----------------------------------------------------------------

META 标签,是 HTML 语言 head 区的一个辅助性标签。在几乎所有的网页里,我们都可以看到类似下面这段 html 代码: 
-----------------------------------------------------------------
< head>
< META http-equiv="Content-Type" content="text/html; charset=gb2312">
< /head>
------------------------------------------------------------------
   这就是 META 标签的典型运用。 META 标签有多少参数,有什么作用,为什么我们要特别重视它呢?让我们一起来发掘 META 标签的奥妙 ! 
   根据 HTML 语言标准注释: META 标签是对网站发展非常重要的标签,它可以用于鉴别作者,设定页面格式,标注内容提要和关键字,以及刷新页面等等。 
   META 标签分两大部分: HTTP-EQUIV 和 NAME 变量。 
   ● HTTP-EQUIV 类似于 HTTP 的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的 HTTP-EQUIV 类型有: 
   1.expires( 期限  
  说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。 
  用法: < META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 
  注意:必须使用 GMT 的时间格式。 
   2.Pragma(cach 模式  
   说明:禁止浏览器从本地机的缓存中调阅页面内容。 
   用法: < META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
   注意:这样设定,访问者将无法脱机浏览。 
   3.Refresh( 刷新  
   说明:需要定时让网页自动链接到其它网页的话,就用这句了。 
   用法: < META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">  
   注意:其中的 5 是指停留 5 秒钟后自动刷新到 URL 网址。 
   4.Set-Cookie(cookie 设定  
   说明:如果网页过期,那么存盘的 cookie 将被删除。 
   用法: < META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx; expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/"> 
   注意:必须使用 GMT 的时间格式。 
   5.Window-target( 显示窗口的设定  
   说明:强制页面在当前窗口以独立页面显示。 
   用法: < META HTTP-EQUIV="Window-target" CONTENT="_top"> 
   注意:用来防止别人在框架里调用你的页面。 
   5.Content-Type( 显示字符集的设定  
   说明:设定页面使用的字符集。 ( 我们在前面字体设计中已经介绍过它的作用  
   用法: < META http-equiv="Content-Type" content="text/html; charset=gb2312"> 
   ● meat 标签的 NAME 变量语法格式是: 
   < META NAME="xxx" CONTENT="xxxxxxxxxxxxxxxxxx"> 
   其中 xxx 主要有下面几种参数: 
   1.Keywords( 关键字  
   说明: keywords 用来告诉搜索引擎你网页的关键字是什么。 
   举例: < META NAME ="keywords" CONTENT="life, universe, mankind, plants, relationships, the meaning of life, science"> 
   2.description( 简介  
   说明: description 用来告诉搜索引擎你的网站主要内容。 
   举例: < META NAME="description" CONTENT="This page is about the meaning of life, the universe, mankind and plants."> 
   3.robots( 机器人向导  
   说明: robots 用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。 CONTENT 的参数有 all,none,index,noindex,follow,nofollow 。默认是 all 。 
   举例: < META NAME="robots" CONTENT="none"> 
   4.author( 作者  
   说明:标注网页的作者 
   举例: < META name="AUTHOR" content="ajie,ajie@netease.com"> 
   以上是 META 标签的一些基本用法,其中最重要的就是 :Keywords 和 description 的设定。 
   为什么呢?道理很简单,这两个语句可以让搜索引擎能准确的发现你,吸引更多的人访问 你的站点 ! 
   根据现在流行搜索引擎 (Lycos , AltaVista 等  的工作原理 , 搜索引擎首先派出机器人自动在 www 上搜索,当发现新的网站时,便检索页面中的 keywords 和 decription ,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序。 
   也就是说: 
   1. 如果你的页面中根本没有 Keywords 和 description 的 META 标签,那么机器人是无法将你的站点加入数据库,网友也就不可能搜索到你的站点。 
   2. 如果你的关键字选的不好,关键字的密度不高,被排列在几十甚至几百万个站点的后面被点击的可能性也是非常小的。 
   所以 , 我们必须记住添加 keywords 和 description 的 META 标签,并尽可能写好关键字和简介。 
   写 keywords 的禁忌是: 
   1. 不要用常见词汇。例如 www,homepage,net,web 等。 
   2. 不要用形容词,副词。例如最好的,最大的等。 
   3. 不要用笼统的词汇,要尽量精确。例如不用"摩托罗拉手机", 改用"V998"等 
   寻找合适的关键词的一个技巧是:到 Lycos、Altavista、Infoseek 等搜索引擎,搜索与你内容相仿的网站,查看排名前十位的网站的 META 关键字, copy 下来用到自己的站点上。 
   这里,我们举一段微软多媒体网站的关键字供你参考: 
< META name="keywords" content="joke, music, MP3, media, audio, joke of the day, downloads, free music, horoscope, radio, video, music downloads, movies, radio station, media player, free, download, weather, horoscopes, windows media technologies, online, radio station guide, free download"> 
   小资源 : 人们最常用的一些搜索词 ( 即关键词  可以到 
http://www.searchterms.com/  
http://eyescream.com/yahootop200.html  
   两个网址一看,那里有每个月网上最流行搜索词的排行榜 . 
   另外为了提高搜索点击率,这里还有一些"邪门歪道": 
   1. 为了增加关键词的密度,将关键字隐藏在页面里 ( 将文字颜色定义成与背景颜色一样  。 
   2. 在图象的 alt 注释语句中加入关键字。 如: < IMG SRC="xxx.gif" Alt="keywords"> 
   3. 利用 HTML 的注释语句,在页面代码里加入大量关键字。 用法: < !--- 这里插入关键字 ---> 

*******************************************************************


Dreamweaver技巧精粹
------------------------------------------------------------------

1.解决表格紧贴左上方的问题 

方法一:Ctrl+J,弹出Page Properties,将Left, Top, Margin Width, Margin Height 全部
设为0。
方法二:把下面一段代码加到你的<body>中topmargin="0" leftmargin="0"
方法三:方法二中只适用于IE,如果让其也适用NETSCAPE加入下面代码
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" > 


2.在DW中将图设为透明alpha设置例:
<html>
<head>
<title>css</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type=text/css>
.pic{filter:alpha(opacity=50)}
</style>
</head>
<body bgcolor="#FFFF00" text="#000000">
<img src="0008.jpg" width="303" height="385" class="pic"> 
</body>
</html> 


3.设置表格虚线 


方法一:作一个1X2的图。半黑半白,再利用表格作成线。 


方法二:在css里面设 

  在css面板里new一个style,选择"redefine HTML Tag",再在下拉菜单里先“table” 

  在接下来的面板里,category里选择border 

border里,将top,left,right,bottom都设成1px,颜色设成你将来想要的边框的颜色 

         style下拉里选择dashed 

一切ok。只是所有的表格都会用虚线做边框了 

方法三:在html里设(如果你只想让某一个表格边框是虚线的话) 

  在表格的html里加上这个: 

  style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED" 

颜色是十六位代码,你可以自己设。方法二、三,只能在ie里用,到了netscape里一点用处都没有,除非你用做好的底图填充。但建议用图片做 要IE5。5才支持这种效果 

4.关于表格中行距和段距 


如果是在一个表格里的话,可以用样式表来调整: 

.td{line-height:120%} 

shift+enter换行 

5.如何使背景固定位置不变 

在draemweaver中按Ctrl+Shift+E,新建一CSS样式(new),在background标签里,可以设定背景的各个选项:
Background : 背景色
Background Image :选取你的背景图
Reapeat : 背景图是否重复,其中选no-repeat为不重复,repeat为重复,repeat-x和repeat-y分别为只在X和Y方向重复。
Attachment : 背景图位置,fix为背景图位置固定不变,scroll为背景图随页面一同滚动
Horizontal : 为固定背景图时图在水平方向所居的位置,可以选择居中,居左,居右或自己设定距左的距离。
Vertical : 为固定背景图时图在竖直方向所居的位置,可以选择居中,居顶部,居底部或自己设定距顶的距离。

注意带 * 的选项要在浏览器里才能看到效果。

设定完毕,对Dreamweaver左下角点选<body>应用该CSS样式就行了 
--------------------------------------------------------------------
不光是<body>标签,页面里有的元素都可以在那里选择,可以很方便的选取应用对象。
对于所有onload 的触发事件,也都可以选<body>再加Behavior,比如drag layer或打开页面后弹出窗口等等 
--------------------------------------------------------------------
background-attachment属性控制背景图象是否随内容一起滚动,取值为scroll和fixed。默认值为scroll(滚动);fixed为静止。
将以下代码加在<head>...</head>之间:
<style>
body{background-attachment:fixed}
</style> 


6.如何在DW4中控制表单里的东东 

试试这个代码:
<form name="form1" >
<select class="text9_blue" name="mlink"
onChange="javascript:window.open(mlink.options[mlink.selectedIndex].value)" size="1">
<option>请 选 择</option>
<option value="
http://www.tianying.daokedao.com">xxxxxx</option> 

</select>
</form>

在插入跳转菜单时有“open urls in” 一项、在这里选择你想到的窗口名,就行了。


7.在DW中如何使插入的FLASH透明 

选中swf,打开原代码窗口,在</object>前输入 
<param name="wmode" value="transparent"> 


8.DW4中设置表格亮边框和暗边框 


做一个像素宽度有颜色的表格线: 

1)、将表格边框 border设置为0 Cell space设置为0 Cell padding设置为0 

2)、打开样式面板新建一个样式。选择Border设置边框属性 。 

3)、选中整张表格应用这个样式即可。

*********************************************************************
BLOG CSS详解
---------------------------------------------------------------------

.skin_date //无作用域的样式
.diary_datetitle //每条日志上的日期文字样式
.line // 无作用域的样式
td //TD标签的样式
.tt_title //BLOG标题的样式
.dis_tag //BLOG描述文字的样式
a //链接的样式
a:hover //鼠标移到链接上显示的样式
.diary_bg1 //日志主体背景颜色之一
.diary_arr // 点“链到此文”后一个返回的箭头,用的是这个样式
.diary_poster //日志发表者文字样式
.diary_title //日志标题文字样式
.ubb_quote //UBB中引用功能的样式
.ubb_code //UBB中使用CODE标签的样式
.newfm // 无作用域的样式
.ubb_move //UBB中使用移动文字标签的样式
.ubb_fly //UBB中使用飞行文字标签的样式
.but2 //自定义某按钮的样式(好象没作用域)

其中:无作用域的样式 = 没用的样式,可以安全删除

----------------------------------------------------------------
以上文章来自Blogcn.com 或者转载自网上,如要转载请注明出处、作者或“转”字样

 

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



906474124
(2009/7/8 16:11:00) [123.180.227.]

不错,对于我自学习建网站很有帮助。谢谢!!!

 发表评论:共有 1 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167