中财网vara wang:【HTML教程】怎样使用识别特效代码(音画教材)
来源：百度文库 编辑：中财网 时间：2024/07/07 14:29:58
发表日期：2011年8月27日 本页面已被访问 419 次
怎样使用、识别特效代码
',1)">
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语言基本代码识别<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="img3" src="http://image41.360doc.cn/DownloadImg/2011/11/0419/19015378_1.gif" />该怎样修改代码？<br>插入代码之后，把代码中的文字替换成你自己的内容即可。<br>注意：为避免出错，请不要改动除中文文字之外的代码，否则程序可能会不能运行！</div>
<div class="list-group">
<a href="/article/wjnxup" class="list-group-item">怎样使用特效代码</a>
<a href="/article/wncche" class="list-group-item">求一种HTML特效代码</a>
<a href="/article/wpasao" class="list-group-item">怎样将博客中的各种特效代码混合使用?</a>
<a href="/article/wipqgm" class="list-group-item">博客天下特效代码使用</a>
<a href="/article/wgawfk" class="list-group-item">CoffeeCup HTML Editor 教程</a>
<a href="/article/woitop" class="list-group-item">怎样识别服装使用芳香胺染料</a>
<a href="/article/wamigk" class="list-group-item">怎样向网页中加特效代码</a>
<a href="/article/whsqdb" class="list-group-item">特效代码怎样加到网页中?</a>
<a href="/article/waaqej" class="list-group-item">怎样把HTML语言转换到CSS中使用啊</a>
<a href="/article/whufof" class="list-group-item">怎样在网页中使用HTML语言插入图片?跪谢～！！～！～</a>
<a href="/article/whumae" class="list-group-item">怎样在网页中使用HTML语言插入图片?跪谢!!!!!!!!!!</a>
<a href="/article/wibqds" class="list-group-item">在HTML里,怎样使用JavaScript才不会被拦截</a>
<a href="/article/wiocyc" class="list-group-item">asp问题，怎样在html中使用javascript作判断？</a>
<a href="/article/wsjqgv" class="list-group-item">怎样在BLOG里面使用HTML代码啊</a>
<a href="/article/wgawin" class="list-group-item">CoffeeCup HTML Editor 2006教程</a>
<a href="/article/wlaosv" class="list-group-item">谁有HTML的教程？</a>
<a href="/article/wqpeah" class="list-group-item">谁有html在线视频教程</a>
<a href="/article/wfnxzn" class="list-group-item">怎么使用网页特效（把特效代码粘贴在哪里？）</a>
<a href="/article/wfoxrq" class="list-group-item">答对追加100分！怎么使用javascript特效代码？</a>
<a href="/article/wptatk" class="list-group-item">在使用frontpage2003时怎么在网页中添加特效代码</a>
<a href="/article/webbqn" class="list-group-item">怎样在桌面使用Office2003语音识别系统？</a>
<a href="/article/wjlioc" class="list-group-item">怎样使用语音识别系统(用在QQ上)</a>
<a href="/article/wcvqfo" class="list-group-item">谁有HTML特效代码可以使网页的水平滚动条隐藏的</a>
<a href="/article/wojvqt" class="list-group-item">在淘宝网发布宝贝时，编辑宝贝描述能否加入HTML特效代码</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/vybryk" title="有本事的男人和没本事的男人（谁写的？太经典了）">有本事的男人和没本事的男人（谁写的？太经典了）</a>
<a class="btn btn-default" href="/article/vybryl" title="引用--对女性最有效的抗衰延寿食物">引用--对女性最有效的抗衰延寿食物</a>
<a class="btn btn-default" href="/article/vybrym" title="再看义和团 是“爱国主义”还是一场闹剧？">再看义和团 是“爱国主义”还是一场闹剧？</a>
<a class="btn btn-default" href="/article/vybryn" title="英语颜色大汇总 - 王朝网络 - wangchao.net.cn">英语颜色大汇总 - 王朝网络 - wangchao.net.cn</a>
<a class="btn btn-default" href="/article/vybryo" title="阎延文：“贪官作家群”是文坛地沟油">阎延文：“贪官作家群”是文坛地沟油</a>
<a class="btn btn-default" href="/article/vybryp" title="于丹教授360个让人流泪的句子">于丹教授360个让人流泪的句子</a>
<a class="btn btn-default" href="/article/vybryq" title="登上香港大屿山">登上香港大屿山</a>
<a class="btn btn-default" href="/article/vybryr" title="莫洛琪震动按摩双效眼霜“震”撼登场">莫洛琪震动按摩双效眼霜“震”撼登场</a>
<a class="btn btn-default" href="/article/vybrys" title="诸葛亮教你如何识别和对付小人">诸葛亮教你如何识别和对付小人</a>
<a class="btn btn-default" href="/article/vybryt" title="精选柔情歌曲——岁月流逝的歌声。">精选柔情歌曲——岁月流逝的歌声。</a>
<a class="btn btn-default" href="/article/vybryu" title="面对叛逆，让我更知道如何为人师表">面对叛逆，让我更知道如何为人师表</a>
<a class="btn btn-default" href="/article/vybryv" title="《读者》精言摘抄1">《读者》精言摘抄1</a>
<a class="btn btn-default" href="/article/vybryw" title="娇艳欲滴--绝代美女、美手玉足1">娇艳欲滴--绝代美女、美手玉足1</a>
<a class="btn btn-default" href="/article/vybryx" title="说说中国的饼">说说中国的饼</a>
<a class="btn btn-default" href="/article/vybryy" title="梦中情绿色边框">梦中情绿色边框</a>
<a class="btn btn-default" href="/article/vybryz" title="晶莹剔透美女">晶莹剔透美女</a>
<a class="btn btn-default" href="/article/vybrza" title="王不留行治疗带状疱疹（蛇盘疮）">王不留行治疗带状疱疹（蛇盘疮）</a>
<a class="btn btn-default" href="/article/vybrzb" title="CoreDRAW绘制大眼晴笑容的小精灵 - 矢量教程专区 - 思缘论坛 平面设计,Phot...">CoreDRAW绘制大眼晴笑容的小精灵 - 矢量教程专区 - 思缘论坛 平面设计,Phot...</a>
<a class="btn btn-default" href="/article/vybrzc" title="收藏的台词！">收藏的台词！</a>
<a class="btn btn-default" href="/article/vybrzd" title="在美国吃到的中餐啥样？">在美国吃到的中餐啥样？</a>
<a class="btn btn-default" href="/article/vybrze" title="一生衰老时间点">一生衰老时间点</a>
<a class="btn btn-default" href="/article/vybrzf" title="14个无往不胜的心理定律">14个无往不胜的心理定律</a>
<a class="btn btn-default" href="/article/vybrzg" title="【极品美图】实在是太美了——梅花">【极品美图】实在是太美了——梅花</a>
<a class="btn btn-default" href="/article/vybrzh" title="爱情，换一次旧一次">爱情，换一次旧一次</a>
<a class="btn btn-default" href="/article/vybrzi" title="上海環球金融中心风水">上海環球金融中心风水</a>
<a class="btn btn-default" href="/article/vybrzj" title="家庭理财如何让1万元变成100万0">家庭理财如何让1万元变成100万0</a>
<a class="btn btn-default" href="/article/vybrzk" title="读书的四个层次-摘录自如何阅读一本书">读书的四个层次-摘录自如何阅读一本书</a>
<a class="btn btn-default" href="/article/vybrzl" title="[转] 洋葱浸葡萄酒的惊人效果——如意翡翠">[转] 洋葱浸葡萄酒的惊人效果——如意翡翠</a>
<a class="btn btn-default" href="/article/vybrzm" title="祭母亲文">祭母亲文</a>
<a class="btn btn-default" href="/article/vybrzn" title="青筋诊法全集">青筋诊法全集</a>
<a class="btn btn-default" href="/article/vybrzo" title="糖果女生-张含韵(高清大图)">糖果女生-张含韵(高清大图)</a>
</div>
</div></div>
<div class="copy-right">
<p>中财网，客观、专业、权威的知识性互动百科全书。</p></div>
</footer>
<div class="copy-right"> <div class="container">
<div class="col-md-12">
<a href="https://www.q-5.net/" target="_blank">最新新闻</a> <a href="https://www.wacths.com/" target="_blank">沃茨手表网</a>
<a href="https://www.csdndoc.com/" target="_blank">CSDN程序文档</a>
<a href="https://www.cmjoy.com/" target="_blank">上海旅游网</a> <a href="https://www.smbaike.com/" target="_blank">神马百科</a> <a href="https://www.familylifemag.com/" target="_blank">程序博客</a>
<a href="https://www.xjpta.cn/" target="_blank">香蕉皮作业帮</a> <a href="https://www.cidugushi.com/" target="_blank">景德镇新闻网</a> <a href="https://www.uyuyao.com/" target="_blank">余姚信息网</a>
<a href="https://www.zuoyewang.cc/" target="_blank">作业帮作业网</a> <a href="https://www.wenda8.com/" target="_blank">互助问答吧</a> <a href="https://www.16lo.com/" target="_blank">16楼社区</a>
<a href="https://www.zyebang.com/">解题作业帮</a><a href="https://www.6210k.com/">艺术百科</a><a href="http://www.ld5.top/">亮点网</a><a href="http://www.smbaike.com/">神马百科</a>
<a href="https://www.smwenxue.com/">神马文学网</a>
<a href="https://www.zuoye5.com/">拍题作业网</a>
<a href="https://www.uczhidao.com/">UC知道</a>
<a href="https://www.52sanwen.top/">我爱散文网</a>
<a href="https://www.bfwang.top/">北方网</a>
<a href="https://www.kexue5.top/">科学网</a>
<a href="https://www.wenku1.top/">第一文库网</a>
<a href="https://www.wszyw.top/">微思作业网</a>
<a href="https://www.wz51.top/">我要文章网</a>
<a href="https://www.dsp33.cn/">都市新闻网</a><a href="https://www.xofi.com.cn/">西欧教育</a><a href="https://www.xs2xf.cn/">西山新闻网</a><a href="https://www.holoes.com.cn/">好楼房产信息网</a>
<a href="https://www.9x1x.cn/">九乡新闻网</a><a href="https://www.vnql.com.cn/">农企信息网</a><a href="https://www.xnvm.com.cn/">仙女们写真照片</a><a href="https://www.lumta.com.cn/">音乐简谱网</a><a href="https://www.miliya.com.cn/">米粒芽</a><a href="https://www.xuexiaodaquan.net/">学校大全网</a><a href="https://www.wz95.cn/">95后网站</a><a href="https://www.ranatlanta.cn/">汝南网</a><a href="https://www.opuo.com.cn/">欧普网</a><a href="https://www.7c4.com.cn/">宝宝故事网</a>
<a href="https://www.pp6a.cn/">神马品牌网</a>
<a href="https://www.hzxzt.com.cn/">杭州交通信息网/"></a>
<a href="https://www.hzsgz.com.cn/">杭州市高中教育平台</a>
<a href="https://www.crrcn.cn/">查人人中国名人网</a>
<a href="https://www.amzr.com.cn/">爱美之人</a>
<a href="https://www.scmpx.com.cn/">上车买票</a>
<a href="https://www.azxt.com.cn/">安卓系统之家</a>
<a href="https://www.520sdw.cn/">中科新闻网</a>
<a href="https://www.218zy.cn/">科学院研究所</a>
<a href="https://www.ekowh.cn/">高考快车</a>
<a href="https://www.520gsw.cn/">高考志愿帮</a>
<a href="https://www.madbar.cn/">大学志愿大全</a>
<a href="https://www.oisogo.cn/">高校问答</a>
<a href="https://www.togowu.cn/">高考问答</a>
<a href="https://www.mdeusa.cn/">中考百科</a>
<a href="https://www.520bzw.cn/">大学知道</a>
<a href="https://www.9uwang.cn/">久游网</a>
</div></div></div> </body>
</html>
怎样使用、识别特效代码
',1)">
1、怎样使用特效代码
当你看到一个用HTML语做出的漂亮的贴子时，一定很想知道是怎么做的，但当你一看到那些密密麻麻的代码时，头又晕了。怎么办呢？先学习和熟悉如何加代码、怎么识别代码标识吧。我也仅仅在自我摸索中学到了一点点东西，仅供大家参考，多提宝贵意见。
怎样使用特效代码？只要把这些代码复制、粘贴到你的网页源代码中，保存，再在浏览器中打开，你就会看到效果了！
怎样在我的网页中插入代码？·使用DreamWeaver：
在编辑状态下按F10即弹出源代码窗口，将特效代码粘贴进去即可。
·使用FrontPage：
点击编辑窗口左下角的“HTML”选项卡即出现源代码窗口，将特效代码粘贴进去即可。
·直接使用“记事本”等编辑器：
直接用这些编辑器打开网页文件，出现的就是源代码，将特效代码粘贴进去即可。
在什么地方插入代码？一般来说，在网页源代码的与之间的任何地方插入代码都可以（除非特别指明，例如要求插入到与之间）。
提示：在
试试吧，不难的。
HTML语言标记大观
标记类型译名或意义作 用备注
文件标记
●文件声明让浏览器知道这是 HTML 文件
●开头提供文件整体资讯