天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

HTML编辑教程汇总

楼主:余聪 时间:2007-04-26 00:43:48 点击:111246 回复:72
脱水模式给他打赏只看楼主 阅读设置
楼主余聪 时间:2007-04-26 16:46:00
  上面的引号,要替换一下,为英文双引号
作者 :小捣蛋来啦 时间:2007-04-26 16:50:00
  说实话,看了有点晕,晚上再自己试弄一下,俺现在还是想先学把主页面外表弄好~~~汗~~
  
  谢过聪头,晚上偶自己研究去~~~
作者 :陈飒 时间:2007-04-26 21:03:00
  我道歉我道歉 不小心给编辑了:(
作者 :陈飒 时间:2007-04-26 21:10:00
  1)贴图:<img src=“图片地址“>
  2)加入连接:<a href=“所要连接的相关地址“>写上你想写的字</a>
  3)在新窗口打开连接:<a href=“相关地址“ target=“_blank“>写上要写的字</a>
  4)移动字体(走马灯):<marquee>写上你想写的字</marquee>
  5)字体加粗:<b>写上你想写的字</b>
  6)字体斜体:<I>写上你想写的字</I>
  7)字体下划线: <U>写上你想写的字</U>
  8)字体删除线: <s>写上你想写的字</s>
  9)字体加大: <BIG>写上你想写的字</BIG>
  10)字体控制大小:<H1>写上你想写的字</H1> (其中字体大小可从H1-H5,H1最大,H5最小)
  11)更改字体颜色:<font color=“#value“>写上你想写的字</font>(其中value值在000000与FFFFFF(16位进制)之间
  12)消除连接的下划线:<a href=“相关地址“ style=“text-decoration:none“>写上你想写的字</a>
  13)贴音乐:<embed src=音乐地址 width=200 height=50 autostart=yes>
  14)贴flash: <embed src=“flash地址“ width=“宽度“ height=“高度“>
  15)贴影视文件:<img dynsrc=“文件地址“ width=“宽度“ height=“高度“ start=mouseover>
  16)换行:<br>
  17)段落:<p>段落</p>
  18)原始文字样式:<pre>正文</pre>
  19)换帖子背景:<body background=“背景图片地址“>
  20)固定帖子背景不随滚动条滚动:<body background=“背景图片地址“ body
  bgproperties=FIXED>
  21)定制帖子背景颜色:<body bgcolor=“#value“>(value值见10)
  22)帖子背景音乐:<bgsound=“背景音乐地址“ loop=infinite>
  23)贴网页:<iframe src=“相关地址“ width=“宽度“ height=“高度“></iframe>
  24)字体上标:一个字<sup>写上你想写的字</sup>
  25)字体下标:一个字<sub>写上你想写的字</sub>
作者 :乖乖的火狐 时间:2007-04-29 00:00:00
  飒飒呀
作者 :追忆风云 时间:2007-04-29 09:14:00
  :))
作者 :乱世棋子 时间:2007-04-29 09:49:00
  俺补充一些,不对的地方多指教哦!均已经经过测试。
  
  标题阴影及各种特效背景:
  1.标题加阴影:
  <div style=height:9;color:white;filter:glow(color=#400060,strength=3)>标题 数字为阴影的大小
  2.加背景:
  背景(普通背景)1:
  <body onload=change_bodyground() background=http://t3.baidu.com/it/u=2137769029,3957417779&gp=30.jpg><style type=text/css><!--.content { BACKGROUND-COLOR: TRANSPARENT; color:black;filter:glow(color=green,strength=1) }--></style><style>.content{BACKGROUND-COLOR: transparent ;COLOR: #c000c0; FONT-FAMILY: 楷体; LINE-HEIGHT:25px; FONT-SIZE: 16px}</style><b>我就是正文
  
  背景2:
  下面这一段的代码是把整个版面都变成背景(也就是回复时不会出现边框):
  <body onload=change_bodyground() background= http://t6.baidu.com/it/u=3555470050,1717666511&gp=20.jpg><style type=text/css><!--.content { BACKGROUND-COLOR: TRANSPARENT; color:black;filter:glow(color=green,strength=1) }--></style>输入正文文字
  
  背景3:
  背景套背景,上面这个是外围的,下是是里面的
  <body onload=change_bodyground() background=http://www.pcimg.com/bg/bg_2/p_10.files/bg0500.jpg><style type=text/css>.content {colorBLACK;font-family:楷体_GB2312;background-image:url(http://www.dqcom.com/tp/news/200610/20061025154648782.jpg);}</style><DIV class=content>
  <TD WIDTH=100 ALIGN=RIGHT>正文部分
  
  背景4:
  背景不动型:
  <body onload=change_bodyground() background= http://www.heiguang.com/newbbs/UploadFile/2006-1/20061121733242931.jpg width=600 height=800 bgproperties=fixed><style type=text/css><!--.content { BACKGROUND-COLOR: TRANSPARENT; color:#a000c0} a:hover { color: #a000c0; text-decoration: underline} a:link { color: #a000c0; text-decoration: none} a:visited { color: #a000c0; text-decoration: none}--></style><FONT face=楷体_GB2312 color=#a000c0 size=4 loop=1><middle><font color=#a000c0 size=4.8>
  
  
  [说明]
  背景图片和字体颜色可根据个人爱好替换。
作者 :乱世棋子 时间:2007-04-29 09:51:00
  正文由下而上浮动:
  <marquee direction=up scrollamount=3>
  <center><font color=RED size=4 face=隶书>我就是正文部分</font></marquee>
  
  图片放(右)边:
  <IMG align=right src=http://img5.tianyablog.com/photo/2007/4/27/3314534_2125054.jpg><TR>
  <TD WIDTH=100 ALIGN=right></TD>
  
  整个页面的字体颜色统一:
  <style>.content{BACKGROUND-COLOR: transparent ;COLOR: GREEN; FONT-FAMILY: 宋体; LINE-HEIGHT:25px; FONT-SIZE: 16px}</style>
  
  
  表格:
  表格1:
  <TABLE BORDER=1 CELLPADDING=3 WIDTH=“900“ bordercolorlight=“#000000“ cellspacing=“0“ bordercolordark=“#FFFFFF“ ><TBODY><TR bgColor=#9999ff><TD width=150><B> 序号</B></TD><TD width=500><B> 作品</B></TD><TD width=250><B> 作者</B></TD></TR><TR bgColor=#cce6ff>
  <TD WIDTH=“150“> 1号作品</TD><TD WIDTH=“500“> <A HREF=http://www4.tianya.cn/ target=_blank><U><FONT color=#0000ff>作品名称</FONT></U></A> </TD><TD WIDTH=“250“> 作者:</TD></TR>
  <TD WIDTH=“150“> 2号作品</TD><TD WIDTH=“500“> <A HREF=http://www4.tianya.cn/ target=_blank><U><FONT color=#0000ff>作品名称</FONT></U></A> </TD><TD WIDTH=“250“> 作者:</TD></TR>
  <TD WIDTH=“150“> 3号作品</TD><TD WIDTH=“500“> <A HREF=http://www4.tianya.cn/ target=_blank><U><FONT color=#0000ff>作品名称</FONT></U></A> </TD><TD WIDTH=“250“> 作者:</TD></TR></TBODY></TABLE>
  
  表格2
  <table width=700 border=1 bordercolor=#0099cc align=center cellspacing=0> <tr bgcolor=Purple><th height=24 width=100><font color=green>省份</font></th> <th height=24 width=100><font color=green>城市</font></th> <th height=24 width=150><font color=green>天涯ID</font></th> <th height=24 width=100><font color=green>生日</font></th><th height=24 width=100><font color=green>职业</font></th><th height=24 width=150><font color=green>联系方式</font></th></tr><tr align=center><th height=24 width=100><font color=green>陕西</font></th> <th height=24 width=100><font color=green>西安</font></th> <th height=24 width=150><font color=green>乱世棋子</font></th><th height=24 width=100><font color=green>8月21</font></th><th height=24 width=100><font color=green>编辑出版</font></th><th height=24 width=150><font color=green>QQ:43799688</font></th></tr></tr></table>
  
  注:经过测试,这个表格比较完美,上面那个适合用BLOG做,然后嵌入
  
  图片滤镜效果
  <img src=http://img5.tianyablog.com/photo/2007/4/27/3314534_2125054.jpg style=border-style:outset;border-color:#FF0000;filter:Alpha(Opacity=50,style=1)>
  
  大家可以看到一副从右边开始像两边渐渐透明的图片,并且加了突起的边框。
  其中style=border-style:outset;border-color:#FF0000是设置边框的文。
  filter:Alpha(Opacity=50,style=1)是一个透明化的滤镜,Opacity是透明度,style可选一共有0.1.2.3,共四种方式。
  
  阴影字体::
  <h2 Style=FILTER:Shadow(Color=#808080,Direction=135);height=30 align=left><font face=楷体_GB2312 color=red>乱世棋子阴影1</font></h2><font color=red face=楷体_GB2312><strong><span style=font-size=30;FILTER:DropShadow  (Color=#808080,OffX=5,OffY=5,Positive=1);height:15>乱世棋子阴影2</span></font>
  
  X片/黑白/反转 效果:
  X片效果:
  <img SRC=http://article.tianya.cn/2005/logo/logo_0503.gif style=filter:xray()>
  黑白效果:
  <img src=http://article.tianya.cn/2005/logo/logo_0503.gif style=filter:gray()>
  反转效果:
  <img SRC=http://article.tianya.cn/2005/logo/logo_0503.gif style=filter:invert()>
  使用反转效果时,可以反转图片中颜色的色调、饱和度和亮度。
  
  图片与flash连用
  <TABLE height=480 cellSpacing=4 width=400 background=http://img.tianyablog.com/photo/2005/10/5/963198_1106091.jpg border=4 align=middle><TBODY><TR><TD><EMBED src= http://www.2000y.net/100006/uploadpic/flash/36.swf width=540 height=370 type=application/x-shockwave-flash quality=“high“ wmode=transparent></EMBED></TABLE></TBODY></TD></TR>
  a:hover是表示鼠标在链接上的状态,a是普通状态,a:visit是已经访问过的链接的状态。
  
  
楼主余聪 时间:2007-04-29 11:34:00
  嘿嘿,真好!
  多谢棋子!
楼主余聪 时间:2007-04-29 11:37:00
    图片放(右)边:
     <IMG align=right src=http://img5.tianyablog.com/photo/2007/4/27/3314534_2125054.jpg><TR>
    <TD WIDTH=100 ALIGN=right></TD>
  ===============================
  这个,对图片而言,就没必要有表格的行列限制了,直接写成:
  <IMG align=right src=http://img5.tianyablog.com/photo/2007/4/27/3314534_2125054.jpg>
  就可以了呀,棋子的意思可能是表格中的图片吧:)
  如果是左边,则是align=left了
作者 :乱世棋子 时间:2007-04-29 13:17:00
  恩啊,还在学习阶段,余聪多指教哦!^&^
作者 :鸭子ccr 时间:2007-05-12 18:44:00
  都是一些的好东西
作者 :寒江雪雨 时间:2007-05-18 23:31:00
  :)
作者 :长舟 时间:2007-05-22 17:40:00
  常来补习:)
作者 :yanjun202 时间:2007-05-27 15:01:00
  天涯
  
作者 :yanjun202 时间:2007-05-27 15:02:00
  天涯
作者 :iyl 时间:2007-05-31 16:00:00
   留下脚印,有时间学习一番.
作者 :fest一1 时间:2007-06-01 17:45:00
  写上你想写的字
  
作者 :点烟听聊 时间:2007-06-04 02:04:00
  23)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>
  
  <iframe>标签是个好东西,但最好别乱用,使用不好会造成混乱的结构和外观,比如直接用上面的代码就很不美观的说,会出现边框,还会出现下拉条。
  
  
  
  
  给<iframe>标签加两个属性,就不会出现这个情况了
  <iframe src="引用地址" width="宽度" height="高度" scrolling="no" frameborder="0"></iframe>
  
  scrolling:当“引用地址”指定的HTML文件在指定的区域显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;
  FrameBorder:区域边框的宽度,为了让“画中画“与邻近的内容相融合,常设置为0
作者 :yinbaicheng 时间:2007-06-04 10:53:00
  好
作者 :中阳里 时间:2007-06-08 22:05:00
  哇!国手! 先收藏好在品偿!
作者 :小猫混混 时间:2007-06-09 22:23:00
  哈哈,学习中

有什么好烦恼,拿来燃烧,一切都轻于鸿毛

作者 :回忆里待续 时间:2007-06-11 07:25:00
  好多哦~

作者 :如果不下雨123 时间:2007-06-13 15:12:00
  不错的
作者 :asdfsina 时间:2007-06-17 11:47:00
  
    
我就是正文部分
作者 :fuzixuzi 时间:2007-06-18 19:54:00
  作者:乱世棋子 回复日期:2007-4-29 09:48:56
  =========================
  
  能不能说详细点?
  
  我还是看不懂呀!
楼主余聪 时间:2007-06-19 03:26:00
  简单的代码大家可以在这里测试,我们给你编辑。。。
作者 :南漂万分之一 时间:2007-06-24 09:19:00
  这是不是啊
作者 :白马双银锤 时间:2007-06-25 17:34:00
  写上你想写的字
作者 :yanjun202 时间:2007-06-27 00:37:00
  广告删/202
作者 :虚幻现实中 时间:2007-06-28 05:04:00
    
    
虚幻现实中
作者 :虚幻现实中 时间:2007-06-28 05:05:00
  
我就是正文部分
作者 :黎若璃 时间:2007-06-28 08:53:00
  写上你想写的字
  
作者 :南瑞格 时间:2007-06-30 20:42:00
  好帖子~
作者 :catherinexxx 时间:2007-06-30 22:59:00
  这是一个背景编辑代码,偶就不点编辑了,代码没错,要是一点编辑,本帖子全部变了,那就看不出别人的效果了======余聪修改
作者 :catherinexxx 时间:2007-06-30 23:09:00

听惯柔美的轻音乐,换一下心情,开大你的音箱,和我们一起舞动全城!
站起来,跳起来吧,和我们一起摆动,忘掉所所有的烦恼,所有的不愉快
生活拥有激情,人生很快乐!
本期音乐为 一切对生活现状不满意,一切抑郁着的人准备!



和我们一起舞动全城!
站起来,跳起来吧,和我们一起摆动,忘掉所所有的烦恼,所有的不愉快
生活拥有激情,人生很快乐!
本期音乐为城岸一切对生活现状不满意,一切抑郁着的人准备!



<OBJECT class=OBJECT id=MediaPlayer height=64 width=608 align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95><br><embed type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp src=http://file.chengan.cn/ssply/txt.txt width=608 height=64></embed></OBJECT>

作者 :catherinexxx 时间:2007-06-30 23:54:00
  
作者 :catherinexxx 时间:2007-06-30 23:55:00
  写上你想写的字
  
作者 :yinbaicheng 时间:2007-07-03 15:55:00
  
作者 :小舞2007 时间:2007-07-17 20:14:00
  
    
我就是正文部分

  
作者 :论坛行走 时间:2007-07-30 15:41:00
  
论坛行走
作者 :论坛行走 时间:2007-07-30 15:43:00
  ?没动
作者 :穿婚纱的骷髅 时间:2007-07-31 08:57:00
  好帖子
  值得收藏起来慢慢学习
  
作者 :跑动 时间:2007-07-31 14:20:00
  写什么都可以
  
  

  
作者 :ttlgzl 时间:2007-08-04 16:39:00
  写上你想写的字
作者 :ttlgzl 时间:2007-08-04 16:40:00
  为什么不行
作者 :mystery雨 时间:2007-08-15 22:49:00
  编辑下才可以显示
  :)
作者 :妫画儿 时间:2007-08-24 14:50:00
  写上你想写的字
  
作者 :妫画儿 时间:2007-08-24 14:51:00
  怎么编辑啊?怎么不行啊
  
作者 :妫画儿 时间:2007-08-24 14:53:00
  呵呵
作者 :斑斓四季 时间:2007-08-31 14:37:00
  不懂,那也不学
作者 :快乐today 时间:2008-03-06 14:43:00
  img src=“http://www.cnlnsq.com/forum/attachments/20070925_2bed6a85fec3958aa926WBbB5nadQUzR.jpg“
作者 :blinkx 时间:2008-05-21 17:34:00
  <table width=700 border=1 bordercolor=#0099cc align=center cellspacing=0> <tr bgcolor=Purple><th height=24 width=100><font color=green>省份</font></th> <th height=24 width=100><font color=green>城市</font></th> <th height=24 width=150><font color=green>天涯ID</font></th> <th height=24 width=100><font color=green>生日</font></th><th height=24 width=100><font color=green>职业</font></th><th height=24 width=150><font color=green>联系方式</font></th></tr><tr align=center><th height=24 width=100><font color=green>陕西</font></th> <th height=24 width=100><font color=green>西安</font></th> <th height=24 width=150><font color=green>乱世棋子</font></th><th height=24 width=100><font color=green>8月21</font></th><th height=24 width=100><font color=green>编辑出版</font></th><th height=24 width=150><font color=green>QQ:43799688</font></th></tr></tr></table>
  
作者 :blinkx 时间:2008-05-21 17:35:00
  <b>写上你想写的字</b>
  
作者 :我爱冰冰茶 时间:2009-02-11 13:47:00
  <marquee direction=up scrollamount=3>
    <center><font color=RED size=4 face=隶书>我就是正文部分</font></marquee>
作者 :我爱冰冰茶 时间:2009-02-11 13:48:00
  <body onload=change_bodyground() background= http://www.heiguang.com/newbbs/UploadFile/2006-1/20061121733242931.jpg width=600 height=800 bgproperties=fixed><style type=text/css><!--.content { BACKGROUND-COLOR: TRANSPARENT; color:#a000c0} a:hover { color: #a000c0; text-decoration: underline} a:link { color: #a000c0; text-decoration: none} a:visited { color: #a000c0; text-decoration: none}--></style><FONT face=楷体_GB2312 color=#a000c0 size=4 loop=1><middle><font color=#a000c0 size=4.8>
    
  
作者 :lovefate2000 时间:2009-04-13 10:04:00
  作记号
作者 :365563365 时间:2009-05-31 23:02:00
  顶
作者 :不留123456 时间:2009-12-22 11:01:00
  <embed src=http://cva.sina.com.cn/17/2007-06-29/U552P29T17D7F221DT20080731182424.mp3 width=200 height=50 autostart=yes>
  
作者 :不留123456 时间:2009-12-22 11:06:00
  <embed src=http://cva.sina.com.cn/17/2007-06-29/U552P29T17D7F221DT20080731182424.mp3 autostart=true loop=true hidden=true type=audio/mpeg></EMBED>
作者 :不留123456 时间:2009-12-22 11:08:00
  <P align=center><embed src=http://cva.sina.com.cn/17/2007-06-29/U552P29T17D7F221DT20080731182424.mp3 autostart=true loop=true widht=760 height=45 type=audio/mpeg></EMBED>
作者 :不留123456 时间:2009-12-22 11:10:00
  <P align=center><embed src="http://cva.sina.com.cn/17/2007-06-29/U552P29T17D7F221DT20080731182424.mp3" autostart=true loop=true widht=760 height=45 type=audio/mpeg></EMBED>
作者 :不留123456 时间:2009-12-22 11:12:00
  <P align=center><embed src=http://cva.sina.com.cn/17/2007-06-29/U552P29T17D7F221DT20080731182424.mp3 autostart=true loop=true widht=760 height=45 type=audio/mpeg></EMBED>
  <s>写上你想写的字</s>
作者 :不留123456 时间:2009-12-22 11:14:00
  <marquee>124346789</marquee>
  
作者 :不留123456 时间:2009-12-22 11:18:00
  <P align=center><embed src=http://dda.ipchina.org/mymp3/wtrack08.mp3 autostart=true loop=true widht=760 height=45 type=audio/mpeg></EMBED>
作者 :jssxj1980 时间:2010-01-28 17:16:00
  <MARQUEE onmouseover=this.stop() style="WIDTH: 270px; HEIGHT: 230px" onmouseout=this.start() scrollAmount=1 scrollDelay=200 direction=up width=600 height=500><SPAN style="FONT-SIZE: 11pt; LINE-HEIGHT: 18px; FONT-FAMILY: 华文行楷"><A href="http://www.chongziblog.cn/"><FONT color=#ff6633><BR>我是一只修行千年的狐<BR>千年修行千年孤独<BR>夜深人静时可有人听见我在哭<BR>灯火阑珊处可有人看见我跳舞<BR>我是一只等待千年的狐<BR>千年等待千年孤独<BR>滚滚红尘里谁又种下了爱的蛊<BR>茫茫人海中谁又喝下了爱的毒<BR>我爱你时你正一贫如洗寒窗苦读<BR>离开你时你正金榜题名洞房花烛<BR>能不能为你再跳一支舞<BR>我是你千百年前放生的白狐<BR>你看衣袂飘飘衣袂飘飘<BR>海誓山盟都化做虚无<BR>能不能为你再跳一支舞<BR>只为你临别时的那一次回顾<BR>你看衣袂飘飘衣袂飘飘<BR>天长地久都化做虚无<BR>能不能为你再跳一支舞<BR>我是你千百年前放生的白狐<BR>你看衣袂飘飘衣袂飘飘<BR>海誓山盟都化做虚无</SPAN></FONT></A></MARQUEE><BR><EMBED src=http://lts.gaomi169.com/mp3/白狐.mp3 hidden=true type=audio/mpeg loop="true" autostart="true"></EMBED>

相关推荐

    发表回复

    请遵守天涯社区公约言论规则,不得违反国家法律法规