神马文学网：想知道神马，提问回答学习问题百度都知道

怎样使用识别特效代码

来源：百度文库编辑：神马文学网时间：2024/04/30 00:58:14

怎样使用、识别特效代码

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

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

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

在什么地方插入代码？
一般来说，在网页源代码的与之间的任何地方插入代码都可以（除非特别指明，例如要求插入到与之间）。
提示：在与之间插入代码，一般不会出错。如果你怕加错，也可以在需要加代码的地方，用汉字或其它符号作标记，再加就不会出错了。
试试吧，不难的。
HTML语言标记大观

标记类型译名或意义作用备注
文件标记
● 文件声明让浏览器知道这是 HTML 文件
● 开头提供文件整体资讯
● 标题定义文件标题，将显示于浏览顶端<br><BODY> ● 本文设计文件格式及内文所在<br>排版标记<br> ○ 说明标记为文件加上说明，但不被显示<br><P> ○ 段落标记为字、画、表格等之间留一空白行<br><BR> ○ 换行标记令字、画、表格等显示于下一行<br><HR> ○ 水平线插入一条水平线<br><CENTER> ● 居中令字、画、表格等显示于中间反对<br><PRE> ● 预设格式令文件按照原始码的排列方式显示<br><DIV> ● 区隔标记设定字、画、表格等的摆放位置<br><NOBR> ● 不折行令文字不因太长而绕行<br><WBR> ● 建议折行预设折行部位<br>字体标记<br><STRONG> ● 加重语气产生字体加粗 Bold 的效果<br><B> ● 粗体标记产生字体加粗的效果<br><EM> ● 强调标记字体出现斜体效果<br><I> ● 斜体标记字体出现斜体效果<br><TT> ● 打字字体 Courier字体，字母宽度相同<br><U> ● 加上底线加上底线反对<br><H1> ● 一级标题标记变粗变大加宽，程度与级数反比<br><H2> ● 二级标题标记将字体变粗变大加宽<br><H3> ● 三级标题标记将字体变粗变大加宽<br><H4> ● 四级标题标记将字体变粗变大加宽<br><H5> ● 五级标题标记将字体变粗变大加宽<br><H6> ● 六级标题标记将字体变粗变大加宽<br><FONT> ● 字形标记设定字形、大小、颜色反对<br><BASEFONT> ○ 基准字形标记设定所有字形、大小、颜色反对<br><BIG> ● 字体加大令字体稍为加大<br><SMALL> ● 字体缩细令字体稍为缩细<br><STRIKE> ● 画线删除为字体加一删除线反对<br><CODE> ● 程式码字体稍为加宽如<TT><br><KBD> ● 键盘字字体稍为加宽，单一空白<br><SAMP> ● 范例字体稍为加宽如<TT><br><VAR> ● 变数斜体效果<br><CITE> ● 传记引述斜体效果<br><BLOCKQUOTE> ● 引述文字区块缩排字体<br><DFN> ● 述语定义斜体效果<br><ADDRESS> ● 地址标记斜体效果<br><SUB> ● 下标字下标字<br><SUP> ● 上标字指数（平方、立方等）<br>清单标记<br><OL> ● 顺序清单清单项目将以数字、字母顺序排列<br><UL> ● 无序清单清单项目将以圆点排列<br><LI> ○ 清单项目每一标记标示一项清单项目<br><MENU> ● 选单清单清单项目将以圆点排列，如<UL> 反对<br><DIR> ● 目录清单清单项目将以圆点排列，如<UL> 反对<br><DL> ● 定义清单清单分两层出现<br><DT> ○ 定义条目标示该项定义的标题<br><DD> ○ 定义内容标示定义内容<br>表格标记<br><TABLE> ● 表格标记设定该表格的各项参数<br><CAPTION> ● 表格标题做成一打通列以填入表格标题<br><TR> ● 表格列设定该表格的列<br><TD> ● 表格栏设定该表格的栏<br><TH> ● 表格标头相等于<TD>，但其内之字体会变粗<br>表单标记<br><FORM> ● 表单标记决定单一表单的运作模式<br><TEXTAREA> ● 文字区块提供文字方盒以输入较大量文字<br><INPUT> ○ 输入标记决定输入形式<br><SELECT> ● 选择标记建立 pop-up 卷动清单<br><OPTION> ○ 选项每一标记标示一个选项<br>图形标记<br><IMG> ○ 图形标记用以插入图形及设定图形属性<br>连结标记<br><A> ● 连结标记加入连结<br><BASE> ○ 基准标记可将相对 URL 转绝对及指定连结目标<br>框架标记<br><FRAMESET> ● 框架设定设定框架<br><FRAME> ○ 框窗设定设定框窗<br><IFRAME> ○ 页内框架于网页中间插入框架 IE<br><NOFRAMES> ● 不支援框架设定当浏览器不支援框架时的提示<br>影像地图<br><MAP> ● 影像地图名称设定影像地图名称<br><AREA> ○ 连结区域设定各连结区域<br>多媒体<br><BGSOUND> ○ 背景声音于背景播放声音或音乐 IE<br><EMBED> ○ 多媒体加入声音、音乐或影像<br>其他标记<br><MARQUEE> ● 走动文字令文字左右走动 IE<br><BLINK> ● 闪烁文字闪烁文字 NC<br><ISINDEX> ○ 页内寻找器可输入关键字寻找于该一页反对<br><META> ○ 开头定义让浏览器知道这是 HTML 文件<br><LINK> ○ 关系定义定义该文件与其他 URL 的关系<br>StyleSheet<br><STYLE> ● 样式表控制网页版面<br><span> ● 自订标记独立使用或与样式表同用<br>注：<br>● 表示该标记属围堵标记，即需要关闭标记如 </标记>。 ○ 表示该标记属空标记，即不需要关闭标记。 IE 表示该标记只适用于 Internet Explorer。 NC 表示该标记只适用于 Netscape Communicator。反对表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支持，只是 HTML 标准中有其它同功能或更好的选择。弃用表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特性，不用担心新浏览器不支援旧标记。新表示该标记是 HTML 4.0 中新增的。<br>HTML语言基本代码识别 <img style='max-width:300px;' id="img5" src="http://image14.360doc.cn/DownloadImg/2010/08/1613/4655318_1.gif" /><br>第一类：成双成对的标识符：这类代码单词当出现一个后，它的后面在一定的地方一定要有加斜杠的结束符，如：<br><table>表格开始，</table>表格结束<br><body>表体开始</body>表体结束<br><tr>表格的一行开始,(可简单理解为横向)</tr>表格的一行结束<br><td>一行中填充开始,(可简单理解为纵向)</td>填充结束<br><p>~</p>创建一个段落及段落结束<br><font>文字修饰开始</font>文字修饰结束<br><center>~</center>居中开始与结束<br>第二类不是成双成对的，它只是表示某种属性，在代码中巧妙运用，会收到意想不到效果呢。如：<br>borderColor= 表格边框的颜色<br>bgColor= 大背景颜色代码<br>cellSpacing=边框与内置边框的宽度<br>cellPadding=文本与表格框的距离<br>border= 表格边框的粗细<br>width=表格宽度,用数字或用"100%"百分比<br>height=表格高度,用法同上.<br>align=center内容居中位置改变center为left，则表示内容是左对齐，……<br>background= 作为背景图片的地址<br>borderColorDark=边框背光颜色<br>borderColorLight=边框向光颜色<br>上面代码单词并不是在每个贴子代码中都要用，可以根据需要进行运用。<br>第三类是最简单的代码，不需要成对，也不需要数字选择，直接输入代码就行，如：<br><hr>表示是在Html文档中加入一条水平线<br><br>表示创建一个回车换行.它没有结束标志.<br>初学时一是要熟悉这些单词，二就是照葫芦画瓢，搬别人的代码，从简到繁，循序渐进。应该很快就可以学会了。<br><img style='max-width:300px;' id="img6" src="http://image14.360doc.cn/DownloadImg/2010/08/1613/4655318_2.gif" />该怎样修改代码？<br>插入代码之后，把代码中的文字替换成你自己的内容即可。<br>注意：为避免出错，请不要改动除中文文字之外的代码，否则程序可能会不能运行！<br><img style='max-width:300px;' id="img7" src="http://image14.360doc.cn/DownloadImg/2010/08/1613/4655318_1.gif" /></div> <div class="list-group"> <a href="/article/1761412" class="list-group-item">怎样使用识别特效代码</a> <a href="/article/2428306" class="list-group-item">怎样使用识别特效代码</a> <a href="/article/72864" class="list-group-item">特效代码</a> <a href="/article/74708" class="list-group-item">特效代码</a> <a href="/article/274363" class="list-group-item">特效代码</a> <a href="/article/274461" class="list-group-item">特效代码</a> <a href="/article/1345169" class="list-group-item">特效代码</a> <a href="/article/1399735" class="list-group-item">特效代码</a> <a href="/article/1405857" class="list-group-item">特效代码</a> <a href="/article/1790077" class="list-group-item">特效代码</a> <a href="/article/1953595" class="list-group-item">特效代码</a> <a href="/article/603424" class="list-group-item">怎样识别翡翠</a> <a href="/article/1094806" class="list-group-item">怎样识别军衔警衔?</a> <a href="/article/1163204" class="list-group-item">怎样识别人</a> <a href="/article/1232151" class="list-group-item">怎样识别毒蘑菇</a> <a href="/article/1926240" class="list-group-item">怎样识别超买超卖-1</a> <a href="/article/2314546" class="list-group-item">怎样识别假劣食品</a> <a href="/article/2726728" class="list-group-item">怎样识别纯果汁</a> <a href="/article/2747905" class="list-group-item">怎样识别弱智儿童？</a> <a href="/article/2851195" class="list-group-item">怎样识别超买超卖</a> <a href="/article/2871846" class="list-group-item">怎样识别花卉病虫害</a> <a href="/article/176703" class="list-group-item">怎样识别翡翠的优劣</a> <a href="/article/176735" class="list-group-item">怎样识别翡翠的优劣</a> <a href="/article/329299" class="list-group-item">真正的顶部怎样识别？</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/1938125" title="爱到极致，当是伤悲">爱到极致，当是伤悲</a> <a class="btn btn-default" href="/article/1938126" title="河北学者首度出示曹操墓造假证据称有18件铁证图">河北学者首度出示曹操墓造假证据称有18件铁证图</a> <a class="btn btn-default" href="/article/1938127" title="饮食口味进行占卜">饮食口味进行占卜</a> <a class="btn btn-default" href="/article/1938128" title="QQ邮箱 - 我的订阅">QQ邮箱 - 我的订阅</a> <a class="btn btn-default" href="/article/1938129" title="圣诞狂想">圣诞狂想</a> <a class="btn btn-default" href="/article/1938130" title="婚姻保卫战">婚姻保卫战</a> <a class="btn btn-default" href="/article/1938131" title="轻轻的送">轻轻的送</a> <a class="btn btn-default" href="/article/1938132" title="李莉、王小石今昔谈">李莉、王小石今昔谈</a> <a class="btn btn-default" href="/article/1938133" title="简介我国青铜器文化一[130P].">简介我国青铜器文化一[130P].</a> <a class="btn btn-default" href="/article/1938134" title="100道素菜（三） - Qzone日志">100道素菜（三） - Qzone日志</a> <a class="btn btn-default" href="/article/1938135" title="中国历史上最高水平的36首诗词（值得一生去品味）">中国历史上最高水平的36首诗词（值得一生去品味）</a> <a class="btn btn-default" href="/article/1938136" title="历史记忆">历史记忆</a> <a class="btn btn-default" href="/article/1938137" title="组图:世界最脏的十大城市黑榜中国临汾不幸上榜">组图:世界最脏的十大城市黑榜中国临汾不幸上榜</a> <a class="btn btn-default" href="/article/1938138" title="超级搞笑的真人笑话">超级搞笑的真人笑话</a> <a class="btn btn-default" href="/article/1938139" title="盗汗与自汗的食疗">盗汗与自汗的食疗</a> <a class="btn btn-default" href="/article/1938140" title="快速怀孕的秘籍（我正在用的）">快速怀孕的秘籍（我正在用的）</a> <a class="btn btn-default" href="/article/1938141" title="清纯、漂亮的女孩不多了...!{组图} - o℃ 的浪漫的日志 - 网易博客">清纯、漂亮的女孩不多了...!{组图} - o℃ 的浪漫的日志 - 网易博客</a> <a class="btn btn-default" href="/article/1938142" title="艾德训练营拓展训练体会">艾德训练营拓展训练体会</a> <a class="btn btn-default" href="/article/1938143" title="给宝宝制作辅食的小窍门">给宝宝制作辅食的小窍门</a> <a class="btn btn-default" href="/article/1938144" title="佛教文化：裸身交媾的欢喜佛">佛教文化：裸身交媾的欢喜佛</a> <a class="btn btn-default" href="/article/1938145" title="转贴：玩扑克、数点子、学计算">转贴：玩扑克、数点子、学计算</a> <a class="btn btn-default" href="/article/1938146" title="关于老年人养生保健的探讨 2005年第4卷第8期 | 39康复网 | 医源世界">关于老年人养生保健的探讨 2005年第4卷第8期 | 39康复网 | 医源世界</a> <a class="btn btn-default" href="/article/1938147" title="叶楚华：美帝逼迫人民币升值的真实意图 - 叶楚华的个人空间 - 环球博客 - Powere...">叶楚华：美帝逼迫人民币升值的真实意图 - 叶楚华的个人空间 - 环球博客 - Powere...</a> <a class="btn btn-default" href="/article/1938148" title="简历模板：应届生个人简历_简历模版_">简历模板：应届生个人简历_简历模版_</a> <a class="btn btn-default" href="/article/1938149" title="装修遗憾大全">装修遗憾大全</a> <a class="btn btn-default" href="/article/1938150" title="【中华收藏国宝档案】">【中华收藏国宝档案】</a> <a class="btn btn-default" href="/article/1938151" title="守护秘密好沉重-熊玲心理咨询 - 新浪BLOG">守护秘密好沉重-熊玲心理咨询 - 新浪BLOG</a> <a class="btn btn-default" href="/article/1938152" title="复习指导：考研英语复习三不原则">复习指导：考研英语复习三不原则</a> <a class="btn btn-default" href="/article/1938153" title="妹妹找哥泪花流（《小花》插曲）">妹妹找哥泪花流（《小花》插曲）</a> <a class="btn btn-default" href="/article/1938154" title="《内经图》很难看到的_智慧加善良,我希望">《内经图》很难看到的_智慧加善良,我希望</a> <a class="btn btn-default" href="/article/1938155" title="孔子语录100句gd">孔子语录100句gd</a> </div> </div></div> <div class="copy-right"> <p>神马文学网，客观、专业、权威的知识性互动百科全书。</p></div> </footer> </body> </html>