您好!欢迎您光临手工制作音画贴简易教程(初学者入门)1_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>HTML讲座>>>手工制作音画贴简易教程(初学者入门)1
手工制作音画贴简易教程(初学者入门)1
发表日期:2008/12/10 1:19:00 出处:网络 作者:佚名 发布人:hsb345 已被访问 4533

 手工制作音画贴简易教程(初学者入门)1

 

对于初学HTML语言的人来说,那些编码很让人晕头转向,我开始就这样,不大明白那些具体代码的含义,我无意中在网络里找到了具体讲解的教程,把它转载于此,希望对朋友们有所帮助,能更深刻理解这个语言。

音画贴,顾名思义就是有图片和音乐的BBS帖子。当然有些音画贴里还可以显示Falsh动画和动态样式文字。因为Falsh动画种往往已经包含了画面配音(音乐或歌曲),所以,如果在帖子里引用显示falsh动画,则无需在帖子里另外包含音乐或歌曲文件了。


 

音画贴的基本要素是图片、音乐和文字,其中,除了文字,图片和音乐这两个要素一般都是以文件的形式存在的。所以在制作音画贴的时候,只需要在特定的显示位置引用图片或音乐文件的地址(URL)及文件名就行了。文字可以在利用图像文件编辑器加工处理图片时叠加到图片上,使图片变成有文字的图片;而不需要放到图片里的文字,则可以直接写在帖子里。


 

在BBS上发表自己手工制作的音画贴,必须要用HTML源代码的编辑状态和提交方式来实现,如果BBS没有提供使用HTML源代码编辑和提交帖子的功能,则无法发表手工制作的音画贴。


 

西陆网站的所有论坛都支持HTML源代码编辑和提交帖子,还有现在流行的大多数动网论坛也支持HTML源代码编辑帖子,所以,学会手工制作音画贴,一般情况下可以在网络上绝大多数的论坛里发表自己的音画贴作品。当然,也可以制作出样式各异的图文网页。


 

『每一课程两题』


 

第一题、如何让帖子内容在网页里居中显示?
<DIV align=center><CENTER>要显示的图片或文字</CENTER></DIV>


 

<DIV>名叫“定位标识符”,它有一个属性叫align,将这个属性设置成center或者middle,被标识的网页就会显示在浏览器的中间(即左右居中显示)位置。</DIV>表示被控制居中显示的效果到此结束。也就是说<DIV align=center>表示开始居中显示,而</DIV>表示结束居中显示。
语法实例:<DIV align=center>要居中显示的图片或文字</DIV>


 

<CENTER>名叫“居中控制标识符”,它没有属性,默认将被标识的网页要素显示在页面的中间(即左右居中显示)位置。</CENTER>表示被控制居中显示的效果到此结束。也就是说<CENTER>表示开始居中显示,而</CENTER>表示结束居中显示。
语法实例:<CENTER>要居中显示的图片或文字</CENTER>


 

备注:
<DIV>和<CENTER>都是HTML标识语言(用来制作网页的一种明文语言代码)的基本标识符,
使用的基本原则如下:
1、不区分大小写,大写与小写是等价的。<DIV>等同于<div>。
2、必须成对使用,既要标识显示效果开始,也要标识显示效果结束。被标识的要素,放在
开始和结束之间。<DIV align=center>要居中显示的图片或文字</DIV>
3、不同的标识符可以嵌套使用,但不能相互骑跨。<div><center></center></div>是正确
的,而<div><center></div></center>是错误的。错误的标识,会加倍消耗内存资源,影响网页显示或刷新的速度。


 

第二题、如何在帖子里显示图片?
<IMG src=URL>


 

<IMG>名叫“图片标识符”,是专门用来在网页里显示图片的标识符。它最重要的一个属性是src,应该给这个属性设置图片的位置,“URL”表示一个有效的包含文件名的网络地址,也就是图片文件在网络上所在的位置。
例如:
http://image2.sina.com.cn/sms/sinapic/27124406-index.gif,这是新浪网首页上的一张图片的URL,这个图片的文件名是“27124406-index.gif”。如果你想在帖子里显示这个图片。
语法实例:<IMG src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>


 

<IMG>这个标识符还有若干个属性,不同的属性用来修饰和控制图片显示的效果,最常用的典型属性是:
border=n (n代表任意一个数值)
该属性用来给图片设置显示边框,border=0表示图片无边框显示。n的数值大小决定图片显
示时边框的宽度。
如:<IMG border=2 src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
width=n(n代表任意一个数值,最大值不应超过显示器当前分辨率的最大象素)
该属性用来给图片设置控制显示的宽度,width=500表示图片显示的宽度为500象素。
如:<IMG width=100 src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>


 


备注:
1、一个有效的URL应该包括正确的网络地址(位置)和图片文件名。如果用正确的标识个语
法,在网页上显示出来的却是一个小叉叉(俗称胶布),说明src属性的URL不是有效的。
2、标识的属性应该写在开始标识符的尖括弧,若有多个属性,可以连续写入,但属性与
属性之间,应该用空格来间隔。如:<IMG src=URL border=0 width=300>
3、URL指向的图片位置必须是网络上的,所以加工之后的图片必须首先上传到网上才能引用
。“src=d:/myimage/123456.gif”这个地址肯定是错误的,因为你的电脑的D盘,在网上是无法共享的,如果图片还在你的电脑硬盘里,指向你电脑磁盘的URL就是无效的。


 


总结:
在帖子里发一张图片,并且让图片显示在网页居中的位置。
源代码如下:
<DIV align=center><CENTER>
<IMG src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
</CENTER>
</DIV>


 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167