天涯部落

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

创建新部落?

大家一起学代码

楼主:雨痕20070930 时间:2008-11-25 21:29:44 点击:4296 回复:58
脱水模式给他打赏只看楼主 阅读设置
在代码交流部落借来的学习贴,方便大家学习滴。酋长们勿对此帖编辑。:)想学到更多代码知识,请访问代码交流部落的
【HTML编辑教程汇总】

  
楼主雨痕20070930 时间:2008-11-25 21:36:48
  预备知识:
     一 HTML的标签
    
    table,tbody,tr,td 称为HTML的标签,以双标签的形式出现,所谓双标签,也就是有一个就有一个对应的 与之对应,同样适用于其他的双标签。
    一般标签都为双标签。标签最终所显示的网页效果由各个属性来表达,属性可选择使用,不一定全部都用。在整个图片或帖子里双标签以首尾呼应的方式出现。
    <TABLE align=center background=“背景图片地址“ border=0 cellPadding=0 cellSpacing=0 borderColor=#0000ff width=“100%“> <TBODY> <TR> <TD> 这里是图片,文字或帖子内容. </TD> </TR> </TBODY> </TABLE>
    
    <TABLE> 的常用参数设定:
    <table width=“400“ border=“1“ cellspacing=“2“ cellpadding=“2“ align=“CENTER“ valign=“TOP“ background=“myweb.gif“ bgcolor=“#0000FF“ bordercolor=“#CF0000“ bordercolorlight=“#00FF00“ bordercolordark=“#00FFFF“>
    width=“400“ 表格宽度,接受绝对值(如width=80)及相对值(width=80%)。
    border=“1“ 表格边框的厚度,不同浏览器有不同的内定值。
    cellspacing=“2“ 表格格线的厚度
    align=“CENTER“ 表格的摆放位置(水平),可选值为: left(居左), right(居右), center(居中)
    valign=“TOP“. 表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。   
    background=“myweb.gif“ 表格的背景图片,与 bgcolor 不要同用。
    bgcolor=“#0000FF“ 表格的背景颜色,与 background 不要同用
    bordercolor=“#CF0000“ 表格边框颜色
    bordercolorlight=“#00FF00“ 表格边框向光部分的颜色
    bordercolordark=“#00FFFF“ 表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。
      
    二 帖图格式
      
    帖图基本代码如下:
    <IMG src=“图片连接URL地址“>
    <IMG> 称图形标记,主要用来插入图形标记。
      
    三 文字设制
      
    基本代码如下:
    <P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>
    align=center 表示字体居中,可选值为居右(right)居左(left)
    color=颜色代码 
    face=字体 常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等
    size=字体大小,这里的最大值为7 取值越大文字就越大
      
    四 加入音乐
      
    <EMBED SRC=“音乐文件地址“>
      
    常用属性如下:
    src=“your.mid“ 设定 midi 档案及路径,可以是相对或绝对。
    autostart=true 是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
    loop=“true“ 是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。
    HIDDEN=“true“ 是否完全隐藏控制画面,true 为是,no 为否 (内定)。
    STARTTIME=“分:秒“ 设定歌曲开始播放的时间。如 STARTTIME=“00:30“ 表示从第30秒处开始播放。
    VOLUME=“0-100“ 设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定
    WIDTH=“整数“ 和 HIGH=“整数“ 设定控制面板的高度和宽度。(若 HIDDEN=“no“)
    ALIGN=“center“ 设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
    CONTROLS=“smallconsole“ 设定控制面板的外观。预设值是 console。 console 一般正常面板    smallconsole 较小的面板    playbutton 只显示播放按钮    pausecutton 只显示暂停按钮    stopbutton 只显示停止按钮    volumelever 只显示音量调节按钮
      
    贴音乐的完整语法如下:
      
    一: 隐藏播放器
    <embed src=“音乐文件地址“ hidden=true autostart=true loop=true>
      
    二: 不隐藏播放器
    <EMBED SRC=“音乐文件地址“ width=““ height=““>
    播放器宽度width和高度height的值根据需要自定.
  
楼主雨痕20070930 时间:2008-11-25 21:37:45
  基本语法总结:
    
    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=“宽度“ height=“高度“ autostart=false>
    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>
    
    增加内容:
    1.标题加阴影:
    <div style=height:9;color:white;filter:glow(color=#400060,strength=3)>标题 数字为阴影的大小
    
    2.
    加背景:
    <body onload=change_bodyground() background=http://www.3lian.com/img2008/03/021/gifbj049.gif><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>正文 加背景改字体,及颜色
    
    下面这一段的代码是把整个版面都变成背景(也就是回复时不会出现边框):
    <body onload=change_bodyground() background= http://www.3lian.com/img2008/16/3/fl056.jpg ><style type=text/css><!--.content { BACKGROUND-COLOR: TRANSPARENT; color:black;filter:glow(color=green,strength=1) }--></style>正文 只加背景
    
    下面这段代码是背景套背景,上面这个是外围的,下是是里面的
    <body onload=change_bodyground() background=http://www.pcimg.com/bg/bg_2/p_10.files/bg0500.jpg><style type=text/css>.content {color:#20ffff;font-family:楷体_GB2312;background-image:url(http://www.blogcn.com/User2/rslhg/upload/200482219345621376.gif);}</style><DIV class=content><TD WIDTH=100 ALIGN=RIGHT>
    下面为背景不动型:
    <body onload=change_bodyground() background= http://www.enet.com.cn/eschool/includes/zhuanti/desk/7/50617/Img6571.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>
    
    3.正文由下而上浮动:
    <marquee direction=up scrollamount=3>
    <center><font color=#800060 size=5 face=隶书>  正文</font>
    </marquee>
    
    4.图片放(右)边:
    <IMG align=right src=http://www.3lian.com/sucai/img1/477/gif008.gif><TR>
    <TD WIDTH=100 ALIGN=right></TD> 放左边 right→left
    
    5.整个页面和字体的颜色:
    <style>.content{BACKGROUND-COLOR: transparent ;COLOR: GREEN; FONT-FAMILY: 宋体; LINE-HEIGHT:25px; FONT-SIZE: 16px}</style>
    
    6.表格:
    <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.tianyaclub.com/ target=_blank><U><FONT color=#0000ff>&#8226;&#8226;&#8226;</FONT></U></A> </TD><TD WIDTH=“250“> 作者:</TD></TR></TBODY></TABLE>
    
楼主雨痕20070930 时间:2008-11-25 21:38:46
  字体代码基础语言:)
  
  30pt ,pt前面的数字为调整字体大小
    
    基本格式:<MARQUEE direction=方向 behavior=移动方式 loop=循环次数 scrollamount=移动速度 scrolldelay=延时数字 width=数字 height=数字>文字或图片(<IMG src="图片地址">)</MARQUEE>
    
    其中参数取值:
    
    1、direction(方向)=left(左)、right(右)、up(上)、down(下)
    2、behavior(移动方式)=scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)
    3、loop (循环)=数值:若未指定则循环不止
    4、scrollamount (移动速度)=数字,其值取正整数。数值越大,速度越快
    5、scrolldelay 延时
    6、width和height 移动的宽度与高度
    7、bgcolor(底色)=颜色
    
  
楼主雨痕20070930 时间:2008-11-25 21:40:08
  以下是几个常用字体代码,大家可直接替换文字部份就可以了:)
楼主雨痕20070930 时间:2008-11-25 21:41:49
   1--5代码:
    
    1<P align=center><MARQUEE width=250 height=50><FONT face=隶书 color=#ff0000 size=7>欢迎您光临</FONT></MARQUEE></FONT>
    <MARQUEE direction=right width=250 height=50><FONT face=隶书 color=#ff0000 size=7>临光您迎欢</FONT></MARQUEE></FONT></P>
    
    2<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体" size=4>缘来是你</FONT></CENTER>
    
    
    3<P align=center><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 71.27%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 60px"><B>你好吗?我想你.</B></FONT></P>
    
    4<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 400px"><DIV align=left><FONT face=隶书 color=#1e90ff><CENTER><B>缘来是你部落 </B></FONT></CENTER></FONT></DIV>
    
    
    5<DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 1000px"><P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#f709c7>节日快乐</FONT></P></DIV>
楼主雨痕20070930 时间:2008-11-25 21:42:42
   1--5代码效果演示:
    
    1

欢迎您光临
    临光您迎欢


    
    2
缘来是你

    
    
    3

你好吗?我想你.


    
    4
缘来是你部落

    
    
    5

节日快乐

楼主雨痕20070930 时间:2008-11-25 21:44:10
  6--10代码:
    
    6、<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><P align=center><B>我爱我家</B></P></FONT>
    
    7、<FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 98.93%; COLOR: #00ff00; LINE-HEIGHT: 100%; HEIGHT: 73px" face=汉鼎繁随意 size=6><P align=center>天涯海角</P></FONT>
    
    8、<CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=red></B>天好地好小雨好</B></FONT></CENTER>
    
    9、<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#3333cc><DIV align=center>
    <P>缘来是你部落</P>
    <P>欢迎您</P></DIV></FONT></DIV>
    
    10、<FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 90.6%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书; HEIGHT: 241px"><P align=center><B>心灵的感悟</B></P></FONT>
    
  
  
  
楼主雨痕20070930 时间:2008-11-25 21:44:56
  6--10代码效果演示:
    
    6、

我爱我家


    
    7、

天涯海角


    
    8、
天好地好小雨好

    
    9、

    

缘来是你部落

欢迎您



    
    10、

心灵的感悟

  
楼主雨痕20070930 时间:2008-11-25 21:46:49
  11--15代码:
    
    11、<TABLE align=center bgColor=black><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文楷体 color=#336699><B>mystery雨</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
    
    12 <DIV align=center><FONT style="FONT-SIZE: 60pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312"><DIV align=center><B>缘来是你部落</B></DIV></FONT></DIV>
    
    13 <MARQUEE scrollAmount=2 direction=down height=60>
    <CENTER><FONT face=华文彩云 size=6><B><FONT color=#0000ff>缘来是你部落</FONT></FONT></CENTER></B></MARQUEE>
    </P><CENTER><CENTER>
    <MARQUEE scrollAmount=2 direction=up height=60>
    <CENTER><FONT face=华文彩云 color=#0000ff size=6><STRONG>欢迎您的加入</STRONG></FONT></CENTER></MARQUEE></CENTER></CENTER>
    
    14<DIV align=center><MARQUEE style="WIDTH: 363px; HEIGHT: 55px" width=363 height=55><FONT face=楷体_GB2312 color=#daa520 size=7><STRONG>成熟的人不问过去</STRONG></FONT></MARQUEE></DIV>
    
    15<DIV align=center><MARQUEE style="WIDTH: 614px; HEIGHT: 117px" scrollAmount=2 direction=down height=117>
    <FONT face=华文彩云〉<B><FONT color=#ffa500 size=7>祝你:天天快乐,时时开心</FONT></B></FONT></CENTER></MARQUEE></DIV>
    
楼主雨痕20070930 时间:2008-11-25 21:47:43
  11--15代码效果演示:
    
    11、



mystery雨

    
    12

缘来是你部落

    
    13

    
缘来是你部落

    




    

    
欢迎您的加入

    
    14

成熟的人不问过去

    
    15

祝你:天天快乐,时时开心

    
楼主雨痕20070930 时间:2008-11-25 21:48:55
  16--20代码:
    
    16<P align=center><MARQUEE scrollAmount=1 direction=up height=50><FONT style="FONT-SIZE: 25pt; FILTER: shadow(color=#FF8C00); WIDTH: 440px; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>今天相约相约今天</B></FONT></CENTER></MARQUEE></P></DIV>
    
    17<FONT style="FONT-SIZE: 30pt; FILTER: glow(color:0000CC 22DD22,strength=50); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 350%; FONT-FAMILY: 华文彩云; HEIGHT: 151px"> 欢  迎  光  临</FONT>
    
    
    18<P align=center><STRONG><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>衣</FONT><FONT color=#ff8900>带</FONT><FONT color=#92c000>渐</FONT><FONT color=#00c024>宽</FONT><FONT color=#00c0da>终</FONT><FONT color=#0053ff>不</FONT><FONT color=#4800ff>悔</FONT><FONT color=#ff00ff>,</FONT><FONT color=#ff00ff>为</FONT><FONT color=#4900ff>伊</FONT><FONT color=#0052ff>消</FONT><FONT color=#00c0db>得</FONT><FONT color=#00c025>人</FONT><FONT color=#91c000>憔</FONT><FONT color=#ff8a00>悴</FONT><FONT color=#ff0000>。</FONT></FONT></FONT></STRONG></P>
    
    19、<FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><P align=center><B>淡淡的思,淡淡的品</B></P></FONT>
    
    20<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#000099>心灵相约 相约心灵</FONT></P>
    
  
楼主雨痕20070930 时间:2008-11-25 21:49:36
  16--20代码效果演示:
    
    16

今天相约相约今天


    
    17 欢  迎  光  临
    
    
    18


    
    19、

淡淡的思,淡淡的品


    
    20

心灵相约 相约心灵


    
  
楼主雨痕20070930 时间:2008-11-25 21:50:55
  呵呵,暂贴20个代码。更多的,大家都可以到代码交流部落去看看。:)
楼主雨痕20070930 时间:2008-11-25 22:05:38
  呵呵,暂贴20个字体代码。更多的,大家都可以到代码交流部落去看看。:) 大家不要看代码一大堆,其实用起来也蛮简单的,像字体代码都可以直接复制过来套用就可以了。在代码里把文字部份替换一下,就变成自己想要的字了:)大家要简单了解一下代码的基本意思。不想动脑子,就可以直接套用固定代码。记代码费事,但只要知道这段代码是表示什么意思就可以了,比如要给贴在背景,就如 〈body onload=change_bodyground() background= http://www.3lian.com/img2008/1/3/fl056.jpg ><style type=text/css><!--.content { BACKGROUND-COLOR: TRANSPARENT; color:black;filter:glow(color=green,strength=1) }--></style>正文 只加背景。只需在background= http://www.3lian.com/img2008/1/3/fl056.jpg 这个地方,换成自己喜欢的背景图就可以了。 http://www.3lian.com/img2008/1/3/fl056.jpg 是背景图的链接地址。  
  
作者 :飘零的雨儿 时间:2008-11-26 11:56:54
  来看看。。。。。。。雨痕辛苦了。。
楼主雨痕20070930 时间:2008-11-28 20:12:15
  谢谢雨儿,难得见你了,想念!
楼主雨痕20070930 时间:2008-12-07 15:21:28
  现学一个代码。拿来给大家看看。:)
  天气代码高级使用方法:
      
      在iframe代码中的url后面加参数,如:
      chengshi_321.html?c0=F9DC68&c1=white&c2=FEFCE0&t1=red&bg=white&w=178&h=250&text=no
      
      其中 c0 表示 表格第一行背景颜色,c1,c2表示表格其他行间隔的背景颜色,t1表示 标题颜色,bg 表示页面背景颜色,w表示表格宽度 h 表示表格高度
      
      当 text=yes 时,将会出现滚动的天气文字,show_image=no表示不显示天气图片,建议您自己调试看看,如:
      chengshi_321.html?c0=red&c1=FF9900&bg=F4FFF4&w=178&h=20&text=yes&show_image=no
      
      注意:颜色请不要加 # 符号,如 #FF9900 请写成 FF9900
楼主雨痕20070930 时间:2008-12-07 15:22:07
  <iframe src="http://www.tianqi123.com/php/current_city.php?c0=red&c1=D96C00&bg=F4FFF4&w=178&h=20&text=yes&show_image=yes" width=178 height=21 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no align=center id=url></iframe>
楼主雨痕20070930 时间:2008-12-07 15:22:41
  效果演示:
  <iframe src="http://www.tianqi123.com/php/current_city.php?c0=red&c1=D96C00&bg=F4FFF4&w=178&h=20&text=yes&show_image=yes" width=178 height=21 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no align=center id=url></iframe>
作者 :持刀侍卫 时间:2008-12-09 14:20:31
  我也要学。哈哈。
作者 :麻姑三姐妹 时间:2008-12-09 18:59:56
  难学哟!
作者 :心是最冷的火 时间:2008-12-24 23:15:59
  相当难学..
作者 :是非非是无极 时间:2008-12-25 10:49:25
  厉害啊,呵呵
作者 :陌指纤尘 时间:2009-01-01 22:33:34
  进来学习,(*^__^*) 嘻嘻……
作者 :心是最冷的火 时间:2009-01-02 04:22:26
  代码对我来说无疑于天书,呵呵,以后慢慢学习
楼主雨痕20070930 时间:2009-01-02 15:09:59
   作者:陌指纤尘 回复日期:2009-1-1 22:33:34
    进来学习,(*^__^*) 嘻嘻……
  
  呵呵,小记大驾光临了,有失远迎!小女子搬门弄斧了,见笑,见笑!(*^__^*)
  
  
  作者:心是最冷的火 回复日期:2009-1-2 4:22:26
    代码对我来说无疑于天书,呵呵,以后慢慢学习
  
  呵呵,心火,慢慢来.不难的.(*^__^*)
作者 :心是最冷的火 时间:2009-01-09 18:12:06
  恩,有时间好好和雨痕学习。
楼主雨痕20070930 时间:2009-01-10 23:28:35
  呵呵,好啊心火。有空我会再贴些上来。:)
作者 :心是最冷的火 时间:2009-01-21 23:05:29
  雨痕成了大师了哈,呵呵..
  有空再学
作者 :冷禅大师 时间:2009-02-08 14:14:41
  唉~~大师觉悟不高,学来吃力异常啊,呵呵
  慢慢研究渗透
楼主雨痕20070930 时间:2009-02-08 15:46:56
  呵呵,慢慢来:)
作者 :是非非是无极 时间:2009-02-09 23:07:53
  元宵节快乐!
作者 :一皱水 时间:2009-02-22 11:45:54
  晕了。
作者 :梅花三弄基金 时间:2009-03-05 03:18:44
  这个东东有点难
  相当地难
作者 :龙城紫狼 时间:2009-04-02 21:07:07
  留个脚印,以后慢慢学习
作者 :穿过暖冬季节 时间:2009-04-27 21:35:57
  LZ有心,我对代码最是头疼了,看着就犯晕,55555555
作者 :酸心柠檬 时间:2009-04-28 16:28:25
  雨老师,来学习学习!
作者 :陆家依萍 时间:2009-05-14 21:28:33
  问好所有的朋友们!这个帖子好,我借走了,谢谢楼主的提供。(可以借我用吗?)
楼主雨痕20070930 时间:2009-05-17 15:24:08
  
  
   作者:陆家依萍 回复日期:2009-5-14 21:28:33
    问好所有的朋友们!这个帖子好,我借走了,谢谢楼主的提供。(可以借我用吗?)
  
  
  呵呵,喜欢拿去就是,我也是在代码部落搬来的.网络资源共享啦.:)
作者 :心是最冷的火 时间:2009-05-17 23:42:50
  呵呵,雨痕有些菩萨心哦
  雨痕最是让人爱怜就是太善良了..
作者 :去年的那片雪花 时间:2009-05-23 21:59:23
  再发一些代码素材上来,请点击这个链接就行了.【素材汇总】
  
  
作者 :酸心柠檬 时间:2009-06-04 20:34:45
    一、HTML各种命令的代码:
    
    1、文本标签(命令)
    <pre>内容</pre>         创建预格式化文本
    <h1>内容</h1>          创建最大的标题
    <h6>内容</h6>          创建最小的标题
    <b>内容</b>           创建黑体字
    <i>内容</i>           创建斜体字
    <tt>内容</tt>          创建打字机风格的字体
    <cite>内容</cite>        创建一个引用,通常是斜体
    <em>内容</em>          加重一个单词(通常是斜体加黑体)
    <strong>内容</strong>      加重一个单词(通常是斜体加黑体)
    <font size=?>内容</font>     设置字体大小,从 1 到 7
    <font color=?>内容</font>    设置字体的颜色,使用名字或下面的色码。
    
    
    
    2、图形(命令)
    <img src="name">       添加一个图像
    <img src="name" align=?>   排列对齐一个图像:左中右或上中下
    <img src="name" border=?>  设置围绕一个图像的边框的大小
    <hr>             加入一条水平线
    <hr size=?>         设置水平线的大小(高度)
    <hr width=?>         设置水平线的宽度(百分比或绝对像素点)
    <hr noshade>         创建一个没有阴影的水平线
    
    
    
    3、链接(命令)
    <a href="网址">连接名称</a> 创建一个超链接
    <a href="电子邮箱">连接</a> 创建一个自动发送电子邮件的链接
    <a name="NAME"></a>     创建一个位于文档内部的靶位
    <a href="#NAME"></a>     创建一个指向位于文档内部靶位的链接
    
    
    
    4、格式排版(命令)
    <p>             创建一个新的段落。放在文字的结尾
    <p align=?>         将段落按左、 中、 右对齐
    <br>             空开一行,必须在文字的开头与结尾同时用
    <blockquote></blockquote>  从两边缩进文本
    <dl></dl>          创建一个定义列表
    <dt>             放在每个定义术语词之前
    <dd>             放在每个定义之前
    <ol></ol>          创建一个标有数字的列表
    <li>             放在每个数字列表项之前,并加上一个数字
    <ul></ul>          创建一个标有圆点的列表
    <li>             放在每个圆点列表项之前,并加上一个圆点
    <div align=?>        一个用来排版大块HTML 段落的标签,也用于格式化表
    
    
    
    二、HTML基本语法
    
    文件格式<html></html> (文件的开头与结尾)
    主题<title></title> (放在文件的开头)
    文头区段<head></head> (描述文件的信息)
    内文区段<body></body> (放此文件的内容)
    标题<h?></h> (?=1~6,改变标题字的大小)
    标题对齐<h align=right,left,center></h>
    字加大<big></big>
    字变小<small></small>
    粗体字<b></b>
    斜体字<i></i>
    底线字<u></u>
    上标字<sup></sup>
    下标字<sub></sub>
    居中<center></center>
    居左<left> </left>
    居右<right> </right>
    基本字体大小<basefont size> (取值范围从1到7,默认值为3)
    改变字体大小<font size=?></font>(?=1~7)
    字体颜色<font color=#rrggbb></font> (RGB色码)
    指定字型<font face=?></font> (?=宋体,楷体等)
    网址链结<a href="URL"></a>
    设定锚点<a name="?"></a> (?以容易记为原则)
    链结到锚点<a href="#?"></a> (同一份文件)
    <a href="URL#?"></A> (锚点不同文件)
    显示图形<img src="URL"></a>
    图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
    图形取代文字<img src="图片地址"alt=1> (无法显示图形时用,可以设置边框大小)
    图形尺寸<img src="图片地址" width=宽 height=高> (?以像素为单位)
    连结图形边线<img src="图片地址"border=?> (?以像素为单位)
    图形四周留白<img src="图片地址"hspace=? vspace=?>(?以像素为单位)
    段落<p></p>
    断行<br></br>
    横线<hr>
    横线厚度<hr size=?> (?以像素为单位)
    横线长度<hr width=?> (?以像素为单位)
    横线长度<hr width=?%> (?与页宽相比较)
    实横线<hr noshade> (无立体效果)
    背景图案<body background=图片地址> (图形文件格式为gif和jpg)
    背景颜色<body bgcolor=#rrggbb> (RGB色码)
    背景文字颜色<body text=#rrggbb> (RGB色码)
    未链结点颜色<body link=#rrggbb> (RGB色码)
    已链结点颜色<body vlink=#rrggbb> (RGB色码)
    正在链结点颜色<body alink=#rrggbb> (RGB色码)
作者 :酸心柠檬 时间:2009-06-04 20:35:27
    一、HTML各种命令的代码:
    
    1、文本标签(命令)
    <pre>内容</pre>         创建预格式化文本
    <h1>内容</h1>          创建最大的标题
    <h6>内容</h6>          创建最小的标题
    <b>内容</b>           创建黑体字
    <i>内容</i>           创建斜体字
    <tt>内容</tt>          创建打字机风格的字体
    <cite>内容</cite>        创建一个引用,通常是斜体
    <em>内容</em>          加重一个单词(通常是斜体加黑体)
    <strong>内容</strong>      加重一个单词(通常是斜体加黑体)
    <font size=?>内容</font>     设置字体大小,从 1 到 7
    <font color=?>内容</font>    设置字体的颜色,使用名字或下面的色码。
    
    
    
    2、图形(命令)
    <img src="name">       添加一个图像
    <img src="name" align=?>   排列对齐一个图像:左中右或上中下
    <img src="name" border=?>  设置围绕一个图像的边框的大小
    <hr>             加入一条水平线
    <hr size=?>         设置水平线的大小(高度)
    <hr width=?>         设置水平线的宽度(百分比或绝对像素点)
    <hr noshade>         创建一个没有阴影的水平线
    
    
    
    3、链接(命令)
    <a href="网址">连接名称</a> 创建一个超链接
    <a href="电子邮箱">连接</a> 创建一个自动发送电子邮件的链接
    <a name="NAME"></a>     创建一个位于文档内部的靶位
    <a href="#NAME"></a>     创建一个指向位于文档内部靶位的链接
    
    
    
    4、格式排版(命令)
    <p>             创建一个新的段落。放在文字的结尾
    <p align=?>         将段落按左、 中、 右对齐
    <br>             空开一行,必须在文字的开头与结尾同时用
    <blockquote></blockquote>  从两边缩进文本
    <dl></dl>          创建一个定义列表
    <dt>             放在每个定义术语词之前
    <dd>             放在每个定义之前
    <ol></ol>          创建一个标有数字的列表
    <li>             放在每个数字列表项之前,并加上一个数字
    <ul></ul>          创建一个标有圆点的列表
    <li>             放在每个圆点列表项之前,并加上一个圆点
    <div align=?>        一个用来排版大块HTML 段落的标签,也用于格式化表
    
    
    
    二、HTML基本语法
    
    文件格式<html></html> (文件的开头与结尾)
    主题<title></title> (放在文件的开头)
    文头区段<head></head> (描述文件的信息)
    内文区段<body></body> (放此文件的内容)
    标题<h?></h> (?=1~6,改变标题字的大小)
    标题对齐<h align=right,left,center></h>
    字加大<big></big>
    字变小<small></small>
    粗体字<b></b>
    斜体字<i></i>
    底线字<u></u>
    上标字<sup></sup>
    下标字<sub></sub>
    居中<center></center>
    居左<left> </left>
    居右<right> </right>
    基本字体大小<basefont size> (取值范围从1到7,默认值为3)
    改变字体大小<font size=?></font>(?=1~7)
    字体颜色<font color=#rrggbb></font> (RGB色码)
    指定字型<font face=?></font> (?=宋体,楷体等)
    网址链结<a href="URL"></a>
    设定锚点<a name="?"></a> (?以容易记为原则)
    链结到锚点<a href="#?"></a> (同一份文件)
    <a href="URL#?"></A> (锚点不同文件)
    显示图形<img src="URL"></a>
    图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
    图形取代文字<img src="图片地址"alt=1> (无法显示图形时用,可以设置边框大小)
    图形尺寸<img src="图片地址" width=宽 height=高> (?以像素为单位)
    连结图形边线<img src="图片地址"border=?> (?以像素为单位)
    图形四周留白<img src="图片地址"hspace=? vspace=?>(?以像素为单位)
    段落<p></p>
    断行<br></br>
    横线<hr>
    横线厚度<hr size=?> (?以像素为单位)
    横线长度<hr width=?> (?以像素为单位)
    横线长度<hr width=?%> (?与页宽相比较)
    实横线<hr noshade> (无立体效果)
    背景图案<body background=图片地址> (图形文件格式为gif和jpg)
    背景颜色<body bgcolor=#rrggbb> (RGB色码)
    背景文字颜色<body text=#rrggbb> (RGB色码)
    未链结点颜色<body link=#rrggbb> (RGB色码)
    已链结点颜色<body vlink=#rrggbb> (RGB色码)
    正在链结点颜色<body alink=#rrggbb> (RGB色码)
楼主雨痕20070930 时间:2009-06-06 08:17:17
  嗯,柠檬贴得很不错的代码命令.
作者 :leziti 时间:2009-06-07 14:52:29
  让我想想
作者 :两字先生 时间:2009-06-08 17:45:22
  粗略一看,头大,受不了。
作者 :苦涩莲芯 时间:2009-06-10 21:27:09
  什么都不懂,看着都晕
作者 :幽兰雪的梦 时间:2009-07-11 12:02:26
  好东西,借走了哦
作者 :冷禅大师 时间:2009-07-11 12:44:57
  大师已经晕了好久了
作者 :慧空智一 时间:2009-07-13 14:49:15
  雨痕代码是啥呀
  我有点眼花缭乱
作者 :冷禅大师 时间:2009-07-13 17:58:56
  或许在所有的心情宁静之后,大师能够学好它~~
作者 :湘南洛洛 时间:2009-07-17 20:47:52
  真是好人。。
楼主雨痕20070930 时间:2009-07-19 10:36:07
   作者:慧空智一 回复日期:2009-7-13 14:49:16
    雨痕代码是啥呀
    我有点眼花缭乱
  
  呵呵,不会可以慢慢学.也可以问我.:)
楼主雨痕20070930 时间:2009-07-19 10:43:57
   作者:冷禅大师 回复日期:2009-7-13 17:58:57
    或许在所有的心情宁静之后,大师能够学好它~~
  
  大师已经不错了,期待学以致用哦:)
楼主雨痕20070930 时间:2009-07-19 10:44:38
   也欢迎洛洛:)
作者 :冷禅大师 时间:2009-07-19 11:55:27
  好好学习,天天向上!
作者 :慧空智一 时间:2009-07-19 12:25:41
  哦 我要学习一下了
作者 :慧空智一 时间:2009-07-19 12:26:38
  呵呵 学好了 第一个给雨痕编辑 再给柠檬编辑一个

相关推荐

    发表回复

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