天涯部落

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

创建新部落?

[新人宝典]HTML代码高手速成班

楼主:余聪 时间:2007-07-21 00:15:34 点击:36010 回复:943
脱水模式给他打赏只看楼主 阅读设置
上页123410下页 到页 确定
  容我先轻微鄙视一下不知道什么叫font的人。当然,这个帖子,所有点滴里有编辑权限的ID都别点编辑,一点就乱了,多谢合作。
  那么就开始第一课,先从字体讲起。
  
  font,字体的意思;
  color,颜色的意思;
  blue,蓝色的意思;
  在你的字体前面加上
  <font color=blue>
  就是字体颜色为蓝色的意思,关于字体颜色,这里还有其他方式的表达方法,你进去看看http://html.groups.tianya.cn/bulo/ShowArticle.asp?idWriter=1200079&Key=269492793&buloid=749&ArticleID=58672
  你把blue替换成不同的代码,比如<font color=#FFF8DC>就是类似颜色,全部的操作应该是这样的——
  
  <font color=blue>这里就是你写的字体。
  要是不断变换字体颜色,那就要加收尾符号了,是</font>,比如:
  <font color=blue>这里是蓝色</font>
  <font color=red>这里是红色</font>
  <font color=green>这里是绿色</font>
楼主余聪 时间:2007-07-21 00:18:00
  字体代码:
  

  效果:
  这里是蓝色
  这里是红色
  这里是绿色
作者 :rainyday1990 时间:2007-07-21 00:21:00


  此帖中有文本代码的回复千万别点编辑!

  代码交流群:39934838
楼主余聪 时间:2007-07-21 00:24:00
  呵呵,新人可以从HTML代码颜色大全(点击打开)这个帖子里找到颜色代码,根据上面提示在回复中随心所欲发挥,我们的酋长长老会给你编辑的,第一课,先掌握字体颜色的使用方法吧,别的咱先不提,三天时间,可以了吧:)))
  偶先忙自己的事情了,呵呵
作者 :沙丘01 时间:2007-07-21 01:10:00
  先收藏 等着往下讲
作者 :妖宠 时间:2007-07-21 08:16:00
  收藏先...:))
作者 :H2office 时间:2007-07-21 08:46:00
  机会来了,一步一步学习
作者 :wangp1982 时间:2007-07-21 09:31:00
  
  学习......
作者 :wangp1982 时间:2007-07-21 09:38:00
  学习ing
  
作者 :H2office 时间:2007-07-21 09:52:00
   我怎么不会啊?
作者 :wangp1982 时间:2007-07-21 10:25:00
  这里是蓝色
  
作者 :三木的媳妇 时间:2007-07-21 10:59:00
  认真学习.......
作者 :梧桐夏语 时间:2007-07-21 12:28:00
  好帖 强帖
作者 :浪漫的雨star 时间:2007-07-21 12:43:00
  哈哈哈,聪哥在这里开课了也不通知一下下,还好让偶找到了
作者 :111素衣 时间:2007-07-21 12:58:00
  来报道
作者 :柠檬茶酒 时间:2007-07-21 13:53:00
  来看看。。。
作者 :蝗虫leo 时间:2007-07-21 14:11:00
  谢谢你
作者 :_唯有时光_ 时间:2007-07-21 14:18:00
  呵呵 我也来学学~~
  
  同学们有什么问题跟贴提出来,大葱保你满意,嘎。嘎。。。
作者 :第二秒心跳 时间:2007-07-21 15:36:00
  惯用手法:Ctrl+c Ctrl+v
作者 :yely77 时间:2007-07-21 16:33:00
  原來別有洞天
作者 :半指 时间:2007-07-21 16:46:00
  学习
作者 :她信 时间:2007-07-21 17:35:00
  啊
  学习
作者 :下关的风 时间:2007-07-21 21:09:00
  天涯真麻烦...
作者 :下关的风 时间:2007-07-21 21:12:00
  收藏
作者 :下关的风 时间:2007-07-21 21:13:00
  学不会...
作者 :rainyday1990 时间:2007-07-21 21:16:00
  楼上的MM不是已经学会了吗?祝贺一下 :)
作者 :下关的风 时间:2007-07-21 21:19:00
  刚才明明没变颜色的...见鬼了...哈
  等余聪继续燃烧...嘎嘎~
作者 :rainyday1990 时间:2007-07-21 21:22:00
  编辑过了就可以看到效果了 :)
作者 :rainyday1990 时间:2007-07-21 21:23:00
  font color=blue收藏
  
  这个再加上半角的尖括号也就好了
作者 :下关的风 时间:2007-07-21 21:24:00
  还有音乐自动播放以及加背景图是我最关心的...
  麻烦余聪...呃,偶一笨蛋.
  跑来虚心学习.
作者 :下关的风 时间:2007-07-21 21:26:00
  忘了补充:渴望燃烧就是渴望成为灰烬...
  北岛说的,送给余聪...
作者 :forevermw1 时间:2007-07-21 21:53:00
  这里是蓝色
    这里是红色
    这里是绿色
作者 :柠檬茶酒 时间:2007-07-21 23:35:00
  大家继续。。。
楼主余聪 时间:2007-07-22 08:30:00

第2课 字体和颜色属性的综合设置(一)

楼主余聪 时间:2007-07-22 08:35:00
  font,字体的意思;
  color,颜色的意思;
  blue,蓝色的意思;
  那么——
  face和size是啥意思?
  脸面和身高的意思?
  差不多吧,就是你长啥样,大小的意思,那我们现在看看,如果一个字体定义成这样——
  <font color=red size=7 face=华文行楷>看看我长啥样?</font>
  这句代码的意思是说,我的颜色是红色,大小是7号,长的是华文行楷的样子,明白了不?
  但是,字体中,楷体和仿宋却不能只等于就成,他们的表达方式分别是:
  face=楷体_GB2312
  face=仿宋_GB2312
  其他字体,你直接写上就成了,GB2312是一种字体标准,GB=国标,明白了吧?
楼主余聪 时间:2007-07-22 08:46:00
  
  红色7号的华文行楷:
  
  效果:
  看看红色7号的华文行楷长啥样?
  
  
  蓝色7号的楷体:
  
  效果:
  看看蓝色7号的楷体长啥样?
  
  
  绿色7号的仿宋体:
  
  效果:
  看看绿色7号的仿宋体长啥样?
楼主余聪 时间:2007-07-22 08:48:00
  以上回复,这里有编辑权限的酋长长老们千万别点编辑,大家可以测试,一般3号,4号,5号就成,默认的好像是3号字体,就是不写size的大小的话,默认是3号。

作者 :梧桐夏语 时间:2007-07-22 09:16:00
  哈哈 葱头很在呀
楼主余聪 时间:2007-07-22 09:21:00
  哈哈,梧桐。。。
  
  第一个里多了个<br>,这是回车代码,大家忽略就是了。。。
作者 :下关的风 时间:2007-07-22 10:13:00
  动用私权打开帖子偷偷学会了音乐自动播放设定了...
  再来学习余下部分...
作者 :沙丘01 时间:2007-07-22 11:04:00
  再学
作者 :静斋吟者 时间:2007-07-22 11:48:00
  偶也试试
作者 :静斋吟者 时间:2007-07-22 11:49:00


  ?!?看看蓝色7号的楷体长啥样?


作者 :静斋吟者 时间:2007-07-22 11:57:00
  用不到?!!??!??!?!?!!??!!?!?!?!!?!!
  还是偶 奔?!
楼主余聪 时间:2007-07-22 12:02:00
  呵呵,是需要酋长长老编辑的:)
  编辑一下,你的代码效果就出来了。。。
作者 :H2office 时间:2007-07-22 12:31:00
  讲的真仔细,一步一步来
作者 :浪漫的雨star 时间:2007-07-22 15:00:00
  哈哈,今天来学过了
作者 :mzq20083 时间:2007-07-22 17:53:00
   呵呵厉害
作者 :静斋吟者 时间:2007-07-22 20:25:00
  哈哈,原来是这个样子滴
  谢谢啦
楼主余聪 时间:2007-07-22 20:46:00

第3课 字体和颜色属性的综合设置(二)

楼主余聪 时间:2007-07-22 20:48:00
一组常见的字体效果设置代码(br为回车符号,大家可以忽略):


效果:
1)移动字体(走马灯):写上你想写的字
2)字体加粗:写上你想写的字
3)字体斜体:写上你想写的字
4)字体下划线: 写上你想写的字
5)字体删除线: 写上你想写的字
6)字体加大: 写上你想写的字
7)换行:
楼主余聪 时间:2007-07-22 20:50:00


第4课 一些简单的字体特效



(此帖中,有文本的代码千万别点编辑)





楼主余聪 时间:2007-07-22 20:51:00
代码:

效果:


朋友别哭




代码:

效果:
华文行楷!


代码:

效果:


总有一天等到你!




代码:

效果:

点滴日记欢迎你!




代码:

效果:
点滴日记欢迎你!


代码:

效果:
点滴日记

代码:

效果:
点滴日记好吗?


代码:

效果:
点滴到底是怎样的好?


代码:
楼主余聪 时间:2007-07-22 20:51:00
EA style=WIDTH: 479px; HEIGHT: 50px name=furlarea rows=6 cols=57>


效果:




代码:

效果:
欢迎来点滴日记!





代码:

效果:
欢迎来点滴日记!




代码:

效果:
欢迎来点滴日记!




代码:

效果:
欢迎来点滴日记!
楼主余聪 时间:2007-07-22 20:57:00
删除线:
  

  效果:
  删除线

  加上背景色:
  
  效果:加上背景色

  加上背景色:
  
  效果:加上背景色

  加上背景色:
  
  效果:加上背景色

  加上背景色:
  
  效果:加上背景色

  发光文字效果:
  
  效果:发光文字效果

  发光文字效果:
  
  效果:发光文字效果

  发光文字效果:
  
  效果:发光文字效果

  发光文字效果:
  
  效果:发光文字效果

  参数说明:
  
  FONT-SIZE:12pt 指的是字号的大小,数值越大字号越大;
  (color=#FF0000,strength=2);前面的#FF0000是光晕的颜色,可以是任意的HTML颜色代码,可以自己摸索。strength=2是光晕的大小,可以自己调整数值试验一下。
  COLOR:#ffffff是文字中心的颜色,同样适用所有的html颜色代码。


  投射阴影文字效果:
  
  效果:投射阴影文字效果

  投射阴影文字效果:
  
  效果:投射阴影文字效果

  投射阴影文字效果:
  
  效果:投射阴影文字效果

  投射阴影文字效果:
  
  效果:投射阴影文字效果

  阴影文字效果:
  
  效果:阴影文字效果
楼主余聪 时间:2007-07-22 21:18:00



  这些,够让大家学习几天了吧:)))
  关于字体,就这几课哦,先给三天时间温习之,呵呵。。。
作者 :沙丘01 时间:2007-07-22 22:17:00
  晕 一下子这么多 慢慢消化吧
作者 :rainyday1990 时间:2007-07-22 23:00:00
  MS点滴日记广告专帖 :P
作者 :浪漫的雨star 时间:2007-07-23 00:23:00
  聪哥,这节课好乱哦,偶比较笨哩,不懂
作者 :111素衣 时间:2007-07-23 01:07:00
  :))辛苦啊,老师
楼主余聪 时间:2007-07-23 09:16:00
楼主余聪 时间:2007-07-23 09:17:00
  那个效果没显示出来,不好改,呵呵
作者 :梧桐夏语 时间:2007-07-23 10:04:00
  学习....
作者 :YOYO207 时间:2007-07-23 11:39:00
  學習中、、、
作者 :沙丘01 时间:2007-07-23 15:59:00
  晕 想看看 误点保存 葱的 变成了竖着了 太糗了

  呵呵,幸好你点的是一个无关回复,要是点上面的,我就惨咯。。。得重新做。赶紧保存一下先。大家要是需要什么代码,搞不懂的,直接在这里回复,我给就是了哈:---余聪
作者 :下关的风 时间:2007-07-23 18:21:00
  留个脚印,表示来学习过.我比较懒,复制过去,生搬硬套了.
楼主余聪 时间:2007-07-23 19:44:00
  呵呵,沙丘啊,我说别编辑吧,你还以身试法:))
  前面部分千万千万别编辑哦。。。
作者 :gigi931 时间:2007-07-23 20:25:00
   这里是蓝色
  
作者 :柳云寒 时间:2007-07-23 21:32:00
  阴影文字效果
作者 :沙丘01 时间:2007-07-23 21:41:00
  葱 奇怪 你写好代码后不也是要编辑下才能显示出来的吗?
  为什么再次编辑就成竖状了 代码哪点不同呢?
作者 :点滴日记 时间:2007-07-23 21:55:00
  沙丘,这是部落bug,再次编辑就生成很多回车和空格,要是不懂代码就很难操作了:) 而且,文本代码那个,我们测试过了,不论城市还是主版,只要再次点编辑,就把下面的回复全吃掉了,那个是一个重大bug,问题比较严重滴说。
作者 :pys01403 时间:2007-07-23 23:26:00
  学习下
作者 :柠檬茶酒 时间:2007-07-23 23:26:00
  葱,,一来就发这么多????????
作者 :lelecaicai 时间:2007-07-24 08:51:00
  这里是蓝色
作者 :H2office 时间:2007-07-24 08:55:00

H2OFFICE
作者 :H2office 时间:2007-07-24 09:13:00
  作者:沙丘01 回复日期:2007-7-23 15:59:19
    晕 想看看 误点保存 葱的 变成了竖着了 太糗了
  ==================
  我也点了,保存之后是竖状,在刷新又好了:)
  
!
作者 :H2office 时间:2007-07-24 09:15:00
  竖着的,晕..........
作者 :柠檬茶酒 时间:2007-07-24 10:47:00
  氢气说了别以身试法了,嘿嘿
  
  现在好了。下回千万别点了。:)
作者 :渔者_ 时间:2007-07-24 10:53:00
  学习
作者 :浪漫的雨star 时间:2007-07-24 12:48:00
  偶回自己那试去,嘿嘿
作者 :倾云出岫 时间:2007-07-24 12:53:00
  只要是英文状态下,大小写无所谓吗?
作者 :HAPPYARES 时间:2007-07-24 14:53:00
  HAPPY要红色的。。,
  

也许幸福才是人生的方向吧~?希望Happy可以伴随着每位朋友~

作者 :HAPPYARES 时间:2007-07-24 14:55:00
  这里是红色
作者 :111素衣 时间:2007-07-24 14:57:00
  :))
作者 :HAPPYARES 时间:2007-07-24 14:57:00
  不行诶,,为什么我走不到/?
  这里是红色
作者 :下关的风 时间:2007-07-24 15:23:00
  反正来了,留一脚丫.
作者 :夏娃媚惑 时间:2007-07-24 15:38:00
  偶也要学学跳跳字~~~~嘿嘿
作者 :柠檬茶酒 时间:2007-07-24 16:41:00
  都和红色较上劲了?
作者 :沙丘01 时间:2007-07-24 16:55:00
   很是晕
作者 :沙丘01 时间:2007-07-24 17:01:00
  很是奇怪  每打开一次就自动的距离加宽  迷糊着吧
作者 :柠檬茶酒 时间:2007-07-24 19:29:00
  沙丘,那是因为空格的原因啊
作者 :六月橙橙 时间:2007-07-24 20:43:00
  试试看
作者 :六月橙橙 时间:2007-07-24 20:48:00
  不懂啊..笨啊
作者 :zhang254788003 时间:2007-07-24 23:07:00
  这是什么啊!!!我不看不懂啊~!~!能说的具体点吗?是不是在什么编辑器里都可以用啊~!~
楼主余聪 时间:2007-07-25 01:18:00
   作者:沙丘01 回复日期:2007-7-24 17:01:02
    很是奇怪  每打开一次就自动的距离加宽  迷糊着吧
  ------------------
  这是部落bug,另外,千万别打开我有文本代码的回复,那个只要打开就基本恢复不了了~
  
作者 :sigeidayou 时间:2007-07-25 01:55:00
   这是白色字体了
作者 :sigeidayou 时间:2007-07-25 01:59:00
  学习学习
举报 | 收藏 | 100楼 | 打赏 | 评论
上页123410下页 到页 确定

相关推荐

    发表回复

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