天涯部落

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

创建新部落?

从零启步学代码【一】

楼主:人间惆怅客SD 时间:2012-09-10 19:01:46 点击:1323 回复:53
脱水模式给他打赏只看楼主 阅读设置
  此帖绝对不能点击“编辑”“不能编辑”两个按钮。否则,帖子中的示范代码就没有了,只剩下效果了。切记!!!
  








欢迎您!启步学代码


( 一 )




(原创编辑:游子。供初学HTML代码的朋友参考)
在网上经常见到很多精彩漂亮的网页和贴图。这些佳作都是用各种代码和软件编辑出来的。很想学一点,可是看教材头就晕,入门难呵!后来采用从简入手,边学边测试,才学到一点点东东。没有专业知识,如何启步呢?只要你会电脑系统操作和26个英文字母就可以了。先看一遍HTML语言教材,看不懂也无关系,以后回来再学习。学本领,读书还是要的。


简略认识一下HTML代码。HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字、图片、声音、动画、影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,通过WWW浏览器显示出效果。它的特点是用一对小尖括弧(“< >")作为标签。所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“<标签名字 属性>”来表示。而且大部份是成对的双标签,即首标签和尾标签。
可以用实际例子来理解标签的含义。我们要在页面上显示“网络世界”四个红色隶书大字,就必须用下面文字设置代码。


网络世界


显示结果:
网络世界
这组文字设置代码在网络世界前面的是“始标签”,在网络世界后面的是“尾标签”。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。对照说明:


网络世界


◇代码的第一行标签名 字号大小 什么字体字的颜色
◇代码的第二行 文字内容
◇代码的第三行 尾标签
在“网络世界”4个字前面加一个移动始标签,后面加一个尾标签,这4个字就能移动了。
移动标签代码:
网络世界
只有名称,没有其他属性内容时,系统默认从右向左走。显示结果:




网络世界



增加移动标签的属性内容和属值,就能实现其他移动的方向和速度。例如为上面“网络世界”四个大字从左向右走编一组代码:


网络世界



网络世界



◇代码的第一行是移动的始标签,内有标签名marquee和两个属性内容,即direction=right移动方向和scrollamount=2移动速度。
◇代码的第二行是一组有三个属性内容的文字设置标签。“始标签 ”和文字内容以及“尾标签”都套在移动标签内。
◇代码的第三行是移动标签的结尾标签。

◇记住:HTML标签是成对的,前面有一个始标签,后面必须有一个尾标签,不可多也不可少。只有少数几个标签可以单独使用,如过行
代码就不用尾标签。

启步学习代码先从三个内容入手:
(一)文字设置或叫布局。
(二)表格(图框)设置。
(三)常用代码语句的应用。


  
楼主人间惆怅客SD 时间:2012-09-10 19:12:34

我把学习代码的基础知识系统的整理了一下,一课一课的学,比较连贯,学得也快。希望会对大家有所帮助
作者 :枫叶Fs 时间:2012-09-10 20:27:58
  惆怅好好哦,为了编辑学者的朋友,你做得太仔细了,谢谢你!辛苦了。。。
作者 :枫叶Fs 时间:2012-09-10 21:28:55
  枫叶给好友制作了印章,希望你会喜欢。。。




楼主人间惆怅客SD 时间:2012-09-10 21:33:39
  哎呀!太好了!漂亮!却之不恭。我珍藏了。谢谢!!
作者 :枫叶Fs 时间:2012-09-10 21:37:19
  还有。。




楼主人间惆怅客SD 时间:2012-09-10 22:39:05
  @枫叶FS              谢谢!!太珍贵了,这份礼物。您费心了。谢谢!!!
作者 :枫叶Fs 时间:2012-09-10 22:43:02
  O(∩_∩)O~喜欢就好。。。不谢!
作者 :星连193 时间:2012-09-11 08:01:24
  人间惆怅客,
  深秋枫叶红。
  志同道合处,
  气死老太公。
楼主人间惆怅客SD 时间:2012-09-11 09:09:47
  @星连193          别着,老太公那么大年纪了,气死多不好呀。
作者 :枫叶Fs 时间:2012-09-11 12:49:00
  @星连193 好友文采这样好,什么时候到枫叶来吧发表一下佳作,让枫叶赏赏你的风采!
作者 :星连193 时间:2012-09-11 13:07:34
  @枫叶Fs 提交日期:2012-09-11 12:49:00    10#
  
    @星连193 好友文采这样好,什么时候到枫叶来吧发表一下佳作,让枫叶赏赏你的风采!
  ————————————————————————————————————
  呵呵,我实在是肚中没半点墨,所以不敢到处献丑。谢谢老师的看重,改日登门拜访。
作者 :星连193 时间:2012-09-11 13:09:27
  @人间惆怅客SD 提交日期:2012-09-11 09:09:47    9#
  
    @星连193          别着,老太公那么大年纪了,气死多不好呀。
  ————————————————————————
  惆怅因为人间事,太公留命奸贼逝!
  
作者 :枫叶Fs 时间:2012-09-11 13:13:10
   @星连193  不要太谦虚了哦,人生只有一次,应该展示你的才华,发挥生命的光芒,这样才不会遗憾哦。。。
作者 :枫叶Fs 时间:2012-09-11 13:17:26
  @星连193 好友先听听看!
  
作者 :星连193 时间:2012-09-11 13:21:53
  @枫叶Fs,太感谢了!我现在正在欣赏。。。这是我一辈子最喜欢的歌曲。
作者 :枫叶Fs 时间:2012-09-11 13:24:24
  @星连193 到惆怅好友的帖子 从零启步学代码【四】欣赏视频红楼梦歌曲
楼主人间惆怅客SD 时间:2012-09-11 15:25:22
  @枫叶FS          真的好美的曲子,似一汪宁静的溪流涓涓从心流过,平静的音符诉说着无限的血泪,梦幻般的旋律,平实而又凄婉,似在凝思,又似在低诉。流连间,泪迷心碎。
  
作者 :枫叶Fs 时间:2012-09-11 15:29:48
  @人间惆怅客SD  好友喜欢就好哦,谢谢欣赏!祝代码交流平台越办越好。。。
作者 :有意荣枯草 时间:2012-09-11 22:29:22
  我来欣赏,祝贺!
作者 :闲散山人LT 时间:2012-09-11 22:29:47
  报到,拜师!问友人好!
作者 :大川之水 时间:2012-09-16 20:43:38
  代码交流平台好
  盼学此课已很早
  我今有幸入师门
  柳暗花明又一朝
作者 :枫叶Fs 时间:2012-09-16 21:04:10
  问好好友@闲散山人LT,@有意荣枯草,@大川之水。。。。代码平台欢迎大家互相学习互相交流O(∩_∩)O~
作者 :闲散山人LT 时间:2012-09-17 02:47:13
  @枫叶Fs 交流谈不上,偷师学艺呢空闲后会来的。。。。
作者 :闲散山人LT 时间:2012-09-17 02:48:38
  向诲人不倦的 @枫叶Fs @人间惆怅客SD 致以崇高敬意!
楼主人间惆怅客SD 时间:2012-09-17 10:14:49
  @闲散山人LT         山人兄好!敬意不敢当。我也正在学习。
作者 :枫叶Fs 时间:2012-09-17 12:43:15
  @闲散山人LT  :)好友言重啦,大家一起学习一起分享哦,谢谢好友支持!
作者 :竹海行文 时间:2012-09-27 09:49:25
  @人间惆怅客SD 问好楼主,辛苦了,致敬!灰常实用!跟您学习!
楼主人间惆怅客SD 时间:2012-09-27 14:36:13
  @竹海行文          竹海老师好!欢迎常来!
作者 :建筑工人世界流浪 时间:2012-09-27 14:53:13
  这儿热闹啊!大家又学习、又寒暄……
作者 :有意荣枯草 时间:2012-10-01 21:04:44
  问好各位朋友!
  向诲人不倦的 @枫叶Fs @人间惆怅客SD 致以崇高敬意!
作者 :枫叶Fs 时间:2012-10-01 21:24:21
  问好好友@建筑工人世界流浪  节日愉快!:)
作者 :枫叶Fs 时间:2012-10-01 21:25:17
  问好好友@有意荣枯草 :)谢谢问候!祝好!!
楼主人间惆怅客SD 时间:2012-10-01 23:17:29
  @建筑工人世界流浪        老大晚上好!看来大家学习还是挺轻松的,气氛很活泼,我真的很高兴。老大,谢谢您的支持关爱!!
楼主人间惆怅客SD 时间:2012-10-01 23:23:14
  @有意荣枯草 有意老师言重了,怅愧不敢当。大家在这里欢聚,学习交流,相识相知,是惆怅和平台所有管理的荣幸。在此,应该谢谢有意老师的不懈支持!
  
  祝一切随心!!
楼主人间惆怅客SD 时间:2012-10-01 23:25:15
  @枫叶FS        惭愧,怅身为组长却无暇打理来吧,辛苦好友了!!
作者 :枫叶Fs 时间:2012-10-02 12:32:44
  @人间惆怅客SD O(∩_∩)O~好友不要这样说哦,枫叶能与平台朋友们交流是一种快乐,打理来吧是应该的,我们互相支持,合作也是一种缘分,枫叶感到荣幸!
楼主人间惆怅客SD 时间:2012-10-02 22:48:13
  @枫叶FS          能与好友合作,得好友支持,惆怅倍感荣幸!
作者 :枫叶Fs 时间:2012-10-03 12:43:41
  (*^__^*) 嘻嘻……祝君愉快!!
作者 :偷笑的兔子 时间:2012-10-10 15:41:05
  老师您辛苦了!兔子向老师学习来了!问好!
作者 :孤客在路上 时间:2012-11-30 22:53:22
  冒昧跑来看看,虽然不一定能看得懂 (*^__^*)
作者 :紫玉仙子 时间:2013-01-31 23:13:21
  上面帖子好像代码没写阿?
作者 :紫玉仙子 时间:2013-01-31 23:17:04
  这个我也想有
作者 :花甲墨客 时间:2013-05-02 11:50:19
  哇万事开头难,不会、慢慢啃吧,一定要学会,意思明白不过不知从哪里下手,哈
作者 :花甲墨客 时间:2013-05-02 12:17:04
  这个图章我用photoshop软件可以做出来,可是叫它现在在这里的画面向左右移动,我还真的要研究一下,我看到下面http;//img3.laibafaile.cn/p/m/140963653.jpg的这个代码了知道这就是这个印章的代码,我是第一次知道代码,可能这就是开始吧。
  .
作者 :花甲墨客 时间:2013-05-02 12:23:05
  ‘
作者 :不与莉花同梦 时间:2013-05-24 10:16:46
  来学习。
作者 :幸福加速度abc 时间:2013-07-07 08:12:01
  来学习,老师辛苦了!
作者 :紫玉仙子 时间:2013-07-08 21:38:32
  大树想再招募一名出色的编辑人员,来分担日常的管理,不知道会遇见有缘的谁来报名呢?
作者 :紫玉仙子 时间:2013-07-08 21:42:33
  @人间惆怅客SD 辛苦了。
作者 :紫玉仙子 时间:2013-07-08 21:54:41
  @花甲墨客  45楼 你这个用PS 怎么做出来的啊?舞动的很好看,我会一点PS,但不会这个舞动的。能教我么?
作者 :花若怜_泪涧成线 时间:2013-07-11 23:34:14
  嗯嗯,O(∩_∩)O谢谢
作者 :等你不会生厌 时间:2013-08-07 15:49:27
  怎么没有看见代码呀?
  
作者 :竹林雾雨听梦 时间:2013-10-30 13:23:13
  谢谢:)

相关推荐

    发表回复

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