您好!欢迎你光临网页中的特效代码解读_芳华苑!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络教材>>>其他>>>网页中的特效代码解读
网页中的特效代码解读
发表日期:2008/3/2 0:23:00 出处:未知 作者:未知 发布人:pingfannvren 已被访问 902

怎样使用、识别特效代码

 

 
1、怎样使用特效代码

 

   当你看到一个用HTML语做出的漂亮的贴子时,一定很想知道是怎么做的,但当你一看到那些密密麻麻的代码时,头又晕了。怎么办呢?先学习和熟悉如何加代码、怎么识别代码标识吧。我也仅仅在自我摸索中学到了一点点东西,仅供大家参考,多提宝贵意见。


 

  怎样使用特效代码?
  只要把这些代码复制、粘贴到你的网页源代码中,保存,再在浏览器中打开,你就会看到效果了!
怎样在我的网页中插入代码?
 

·使用DreamWeaver

  在编辑状态下按F10即弹出源代码窗口,将特效代码粘贴进去即可。
·使用FrontPage
  点击编辑窗口左下角的“HTML”选项卡即出现源代码窗口,将特效代码粘贴进去即可。
·直接使用“记事本”等编辑器
   直接用这些编辑器打开网页文件,出现的就是源代码,将特效代码粘贴进去即可。

在什么地方插入代码?

 

一般来说,在网页源代码的<body></body>之间的任何地方插入代码都可以(除非特别指明,例如要求插入到<head></head>之间)。
提示:<td></td>之间插入代码,一般不会出错。如果你怕加错,也可以在需要加代码的地方,用汉字或其它符号作标记,再加就不会出错了。

    试试吧,不难的。

 

 

HTML语言标记大观

 

标记 类型 译名或意义 作 用 备注
文件标记
<HTML> 文件声明 让浏览器知道这是 HTML 文件  
<HEAD> 开头 提供文件整体资讯  
<TITLE> 标题 定义文件标题,将显示于浏览顶端  
<BODY> 本文 设计文件格式及内文所在  
排版标记
<!--注解--> 说明标记 为文件加上说明,但不被显示  
<P> 段落标记 为字、画、表格等之间留一空白行  
<BR> 换行标记 令字、画、表格等显示于下一行  
<HR> 水平线 插入一条水平线  
<CENTER> 居中 令字、画、表格等显示于中间 反对
<PRE> 预设格式 令文件按照原始码的排列方式显示  
<DIV> 区隔标记 设定字、画、表格等的摆放位置  
<NOBR> 不折行 令文字不因太长而绕行  
<WBR> 建议折行 预设折行部位  
字体标记
<STRONG> 加重语气 产生字体加粗 Bold 的效果  
<B> 粗体标记 产生字体加粗的效果  
<EM> 强调标记 字体出现斜体效果  
<I> 斜体标记 字体出现斜体效果  
<TT> 打字字体 Courier字体,字母宽度相同  
<U> 加上底线 加上底线 反对
<H1> 一级标题标记 变粗变大加宽,程度与级数反比  
<H2> 二级标题标记 将字体变粗变大加宽  
<H3> 三级标题标记 将字体变粗变大加宽  
<H4> 四级标题标记 将字体变粗变大加宽  
<H5> 五级标题标记 将字体变粗变大加宽  
<H6> 六级标题标记 将字体变粗变大加宽  
<FONT> 字形标记 设定字形、大小、颜色 反对
<BASEFONT> 基准字形标记 设定所有字形、大小、颜色 反对
<BIG> 字体加大 令字体稍为加大  
<SMALL> 字体缩细 令字体稍为缩细  
<STRIKE> 画线删除 为字体加一删除线 反对
<CODE> 程式码 字体稍为加宽如<TT>  
<KBD> 键盘字 字体稍为加宽,单一空白  
<SAMP> 范例 字体稍为加宽如<TT>  
<VAR> 变数 斜体效果  
<CITE> 传记引述 斜体效果  
<BLOCKQUOTE> 引述文字区块 缩排字体  
<DFN> 述语定义 斜体效果  
<ADDRESS> 地址标记 斜体效果  
<SUB> 下标字 下标字  
<SUP> 上标字 指数(平方、立方等)  
清单标记
<OL> 顺序清单 清单项目将以数字、字母顺序排列  
<UL> 无序清单 清单项目将以圆点排列  
<LI> 清单项目 每一标记标示一项清单项目  
<MENU> 选单清单 清单项目将以圆点排列,如<UL> 反对
<DIR> 目录清单 清单项目将以圆点排列,如<UL> 反对
<DL> 定义清单 清单分两层出现  
<DT> 定义条目 标示该项定义的标题  
<DD> 定义内容 标示定义内容  
表格标记
<TABLE> 表格标记 设定该表格的各项参数  
<CAPTION> 表格标题 做成一打通列以填入表格标题  
<TR> 表格列 设定该表格的列  
<TD> 表格栏 设定该表格的栏  
<TH> 表格标头 相等于<TD>,但其内之字体会变粗  
表单标记
<FORM> 表单标记 决定单一表单的运作模式  
<TEXTAREA> 文字区块 提供文字方盒以输入较大量文字  
<INPUT> 输入标记 决定输入形式  
<SELECT> 选择标记 建立 pop-up 卷动清单  
<OPTION> 选项 每一标记标示一个选项  
图形标记
<IMG> 图形标记 用以插入图形及设定图形属性  
连结标记
<A> 连结标记 加入连结  
<BASE> 基准标记 可将相对 URL 转绝对及指定连结目标  
框架标记
<FRAMESET> 框架设定 设定框架  
<FRAME> 框窗设定 设定框窗  
<IFRAME> 页内框架 于网页中间插入框架 IE
<NOFRAMES> 不支援框架 设定当浏览器不支援框架时的提示  
影像地图
<MAP> 影像地图名称 设定影像地图名称  
<AREA> 连结区域 设定各连结区域  
多媒体
<BGSOUND> 背景声音 于背景播放声音或音乐 IE
<EMBED> 多媒体 加入声音、音乐或影像  
其他标记
<MARQUEE> 走动文字 令文字左右走动 IE
<BLINK> 闪烁文字 闪烁文字 NC
<ISINDEX> 页内寻找器 可输入关键字寻找于该一页 反对
<META> 开头定义 让浏览器知道这是 HTML 文件  
<LINK> 关系定义 定义该文件与其他 URL 的关系  
StyleSheet
<STYLE> 样式表 控制网页版面  
<span> 自订标记 独立使用或与样式表同用  

注:

  • 表示该标记属围堵标记,即需要关闭标记如 </标记>
  • 表示该标记属空标记,即不需要关闭标记。
  • IE 表示该标记只适用于 Internet Explorer。
  • NC 表示该标记只适用于 Netscape Communicator。
  • 反对 表示该标记不为 W3C 所赞同,通常这标记是 IE 或 NC 自订,且己为众所支 持,只是 HTML 标准中有其它同功能或更好的选择。
  • 弃用 表示该标记己为 W3C 所弃用,是过时的标记,但 HTML 具向下兼容的特 性,不用担心新浏览器不支援旧标记。
  • 表示该标记是 HTML 4.0 中新增的。

 

HTML语言基本代码识别
 

 

 
 

第一类:成双成对的标识符:这类代码单词当出现一个后,它的后面在一定的地方一定要有加斜杠的结束符,如:

  <table>表格开始,</table>表格结束
  <body>表体开始</body>表体结束
  <tr>表格的一行开始,(可简单理解为横向)</tr>表格的一行结束
  <td>一行中填充开始,(可简单理解为纵向)</td>填充结束
  <p>~</p>创建一个段落及段落结束
  <font>文字修饰开始</font>文字修饰结束
  <center>~</center>居中开始与结束

    第二类不是成双成对的,它只是表示某种属性,在代码中巧妙运用,会收到意想不到效果呢。如:

  borderColor= 表格边框的颜色
  bgColor= 大背景颜色代码
  cellSpacing=边框与内置边框的宽度
  cellPadding=文本与表格框的距离
  border=  表格边框的粗细
  width=表格宽度,用数字或用"100%"百分比
  height=表格高度,用法同上.
  align=center内容居中位置 改变center为left,则表示内容是左对齐,……
  background= 作为背景图片的地址
  borderColorDark=边框背光颜色
  borderColorLight=边框向光颜色

上面代码单词并不是在每个贴子代码中都要用,可以根据需要进行运用。

    第三类是最简单的代码,不需要成对,也不需要数字选择,直接输入代码就行,如:

  <hr>表示是在Html文档中加入一条水平线
  <br>表示创建一个回车换行.它没有结束标志.

    初学时一是要熟悉这些单词,二就是照葫芦画瓢,搬别人的代码,从简到繁,循序渐进。应该很快就可以学会了。

该怎样修改代码?

 

插入代码之后,把代码中的文字替换成你自己的内容即可。
注意:为避免出错,请不要改动除中文文字之外的代码,否则程序可能会不能运行!

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

没有相关评论

 发表评论:

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

关闭

芳华苑 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:勿忘我:QQ:549966146

琼icp备09005167