欢迎您！启步学代码

春晓

春晓

春晓

春晓

启步学习代码小知识（一）


  简略认识一下HTML代码。    有很多朋友上网以后，喜欢到一些论坛学习贴图。从用本机图片上传开始，再复制网上图片地址插入，现在转入热爱用html代码贴图了。    HTML英语意思是：Hypertext Marked Language，即是一种用来制作超文本文档的简单标记语言。所谓超文本，因为它可以加入图片、声音、动画、影视等内容，它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接，通过WWW浏览器显示出效果。    通过HTML可以表现出丰富多彩的设计风格,可以实现页面之间的跳转,可以展现多媒体的效果.    制作超文本文件时需要用标签,就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名字　属性>”来表示。    打开网页属性查看源文件有很多用“<”和“>”括起来的句子，我们称它为标签。    标签有两种：    第一种是单标签：<BR>这是强行断行的语句，一个<BR>过一行。二个<BR>过二行。    第二种是双标签：它由“始标签”和“尾标签”两部分构成，必须成对使用。    始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。    例如一组文字设置的代码：    <font color=#ff0000 SIZE="5 "face=隶书>学习代码贴图</font>。    这组文字设置的代码显示结果：

学习代码贴图


    如果没有用“<”和“>”把代码括起来，就无法显示这些文字。

春晓

启步学HTML代码小知识。 （二） （学习心得 供初学HTML代码的朋友参考） 正确便用代码的功能 编辑HTML代码要允份利用HTML代码的“始标签”和“尾标签”。在查看一些网友贴子的源代码时，经常会看见类似如下的情况： 《 离 骚》 屈 原 悔相道之不察兮，延伫乎吾将返。 回朕车以复路兮，及行迷之未远。 步余马于兰皋兮,驰椒丘且焉止息。 进不入以离尤兮，退将复修吾初服。 制芰荷以为衣兮，集芙蓉以为裳。 不吾知其亦已兮，苟余情其信芳。 高余冠之岌岌兮，长余佩之陆离。 芳与泽其杂糅兮，惟昭质其犹未亏。 代码显示结果： 《 离 骚》 屈 原 悔相道之不察兮，延伫乎吾将返。 回朕车以复路兮，及行迷之未远。 步余马于兰皋兮,驰椒丘且焉止息。 进不入以离尤兮，退将复修吾初服。 制芰荷以为衣兮，集芙蓉以为裳。 不吾知其亦已兮，苟余情其信芳。 高余冠之岌岌兮,长余佩之陆离。 芳与泽其杂糅兮，惟昭质其犹未亏。 这九组文字设置可以只设一组，用HTML代码的“始标签”和“尾标签”代替。 《 离 骚》 屈 原 悔相道之不察兮，延伫乎吾将返。 回朕车以复路兮，及行迷之未远。 步余马于兰皋兮，驰椒丘且焉止息。 进不入以离尤兮，退将复修吾初服。 制芰荷以为衣兮，集芙蓉以为裳。 不吾知其亦已兮，苟余情其信芳。 高余冠之岌岌兮，长余佩之陆离。 芳与泽其杂糅兮，惟昭质其犹未亏。 代码显示结果： 《 离 骚》 屈 原 悔相道之不察兮，延伫乎吾将返。 回朕车以复路兮，及行迷之未远。 步余马于兰皋兮，驰椒丘且焉止息。 进不入以离尤兮，退将复修吾初服。 制芰荷以为衣兮，集芙蓉以为裳。 不吾知其亦已兮，苟余情其信芳。 高余冠之岌岌兮，长余佩之陆离。 芳与泽其杂糅兮，惟昭质其犹未亏。 待续

春晓

启步学HTML代码小知识。 （四） （学习心得 供初学HTML代码的朋友参考） 如何在图片和动画片上加插文字 方法之一是用表格插图加贴动画图片后在同一单元格内（即列TD的下面）中插入文字。要根据插入文字行数的总高度相应减去二个表格的高度。如果文字插入位置不当，画面可能会出现一些线条。 在图片和动画片上加插文字的一组代码： 《游园不值》 叶绍翁 应嫌屐齿印苍苔，十扣柴门九不开。 春色满园关不住， 一枝红杏出墙来。 　 显示效果： 《游园不值》 叶绍翁 应嫌屐齿印苍苔，十扣柴门九不开。 春色满园关不住， 一枝红杏出墙来。 方法之二是用外部定位或叫绝对定位的方法。用设置座标的宽度与高度参数来指定内容显示的位置。因此它的高度不是这张图片的高度，而是这张图片以上所有内容的总高度。其次用外部定位设置显示内容的贴，是在第一楼发表的，如果以回复方式在其他楼层发表，外部定位挂贴内容就不是在本贴了。 常用外部定位挂贴代码。 挂贴内容 用外部定位在图片和动画片上加插文字的一组代码： 《游园不值》 叶绍翁 应嫌屐齿印苍苔，十扣柴门九不开。 春色满园关不住， 一枝红杏出墙来。 　 显示效果： 《游园不值》 叶绍翁 应嫌屐齿印苍苔，十扣柴门九不开。 春色满园关不住， 一枝红杏出墙来。 待续

春晓

常用外部定位挂贴代码。 <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 150px; WIDTH: 400px; POSITION: absolute; TOP: 120px; HEIGHT: 200px">挂贴内容</DIV> LEFT: 150px; WIDTH: 400px 距离左边150px起宽 400px

TOP: 120px; HEIGHT: 200px 距离顶部120px; 起高 200px

春晓

欢迎您！启步学代码。 （9）（游子编辑 供初学HTML代码的朋友参考） 表格设置是代码贴图和制作个人主页的主要基础，表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。先看用表格做成的 一张图片，这张图片宽300，高200，蓝色边框，黄色背景，插入一段文字，内容与边框有一定的距离。 表格设置是代码贴图和制作个人主页的主要基础，表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。 代码： 表格设置是代码贴图和制作个人主页的主要基础， 表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。 　 注解： 第一行是居中代码。 第二和第三行是表格的始标签，包括表格标签名和7个属性内容。 第四行是表格输入内容的行和列的始标签。（行和列构成一个单元格） 第五行是文字设直标签。 第六和第七行输入文字内容。 第八行是以上各个始标签的对应尾标签 。 表格设置标签属性内容说明： TABLE＝标签名。　 border=10　表格边框的厚度及参数。 borderColor=#0000ff　边框颜色及颜色码。 cellSpacing=10 单元格间距及参数。 cellpadding=20　内容与格线的距离及参数。 bgcolor=fff000　表格的背景颜色及及颜色码。 width=400 表格宽度及参数。 height=300 表格高度及参数。 表格宽度及表格高度的参数，可用绝对值，如300：也可用相对值，如“100%”。高度如果不是特殊需要时， 也可以不加入参数，系统会根据输入的内容自动延伸。 一张用颜色作背景的空白图框代码： 　 显示结果： 一张用图片作背景的空白图框代码： 　 显示结果： 用颜色作背景和用图片作背景不同之处，只改变一个属性内容，即： 表格的背景颜色及颜色码。bgcolor=fff000 改为用图片作背景即： background=http://www.s1.inets.jp/~rouge/free/005h.jpg （待续） 待续

春晓

春晓

代码如下：

<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width=500 borderColorLight=#000000 background=http://※img.gw.com.cn/UploadFile/2005/9/10/4499431.jpg border=5> <TBODY> <TR> <TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf width=500 height=390 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TBODY></TABLE>