第四讲:页面布局
由于浏览器不识别文本中的格式,文字都连续显示在屏幕上,需要按什么格式显示,
必需加格式控制符,如“br”就是换行控制符。常用的还有分段符“p”,用“p”
不仅将以后文字换到下行,而且还插入一空行。如连用两个“br”“br”与换成一
个“p”可完成同样功能。
还有一个强制不换行指令<nobr>,到一个</nobe>中间的字符都在一行显示。
浏览器对于文本中的空格,不管多少只认一个空格。必须把输入法条中的“半角”
改成“全角”也就是把“半月”形标志改为“满月”形的再输入空格,浏览器才识别,
因为这种“空格”实际上完全不同于西文空格,这是在汉字库中的一种不可显示的具有
两个ASC代码的一种字符,所以浏览器可以完全保留这种空格。在HTML代码中也有专用
的空格代码,就是在 表示空格,不过嫌麻烦,一般人不常用。只是在西文输入中
没有“全角”空格,才用 ,每 表示一个半角空格。
在页面中有时需要用横线分切内容,“hr”是画线指令,在这个指令中还可以设置
线尺寸和颜色。线的横向尺寸我们习惯叫“长度”,这里我们叫“宽”,是按屏幕来说
的,我们的屏幕横向叫“宽”,纵向叫高,所以也把线的横向尺寸叫“宽”。指令格式
如下:
“hr size=XXpx width=XXpx color=XXXXXX>”
其中“size=”纵向尺寸、“width=”横向尺寸、“color=”线条颜色。“px”表
示“点”,就是以多少个“点”来定义尺寸。或者有人问那这一个“点”是多大呀!这
可要看你的显示器了,你现在的显示模式如是“600X800”,横向看你的屏幕就是800个
点,每个点大小你自己算吧。如果你还不清楚,下面我给你画个线看:这线是纵向尺寸
4点,横向尺寸400点,颜色是红,代码是: “hr size=4 width=400 color=ff0000”。
--------------------------------------------------------------------------------
各项参数之间要有空格,注意这可是“半角”空格。以后注意在书写代码时所有字符
必须在“半角”状态下输入,如误用了“全角”字符,系统是不承认的。另外对初学者还
要提醒一项,有些服务器对字符的大、小写也是敏感的,就是说同一个字符的大写和小写,
系统认为是两个不同的字符,这点在写网页时也应注意。
在页面中两行文字中还需要设置间距,使用指令是:“style=line-height:XX”
其中“XX”可以是每行高度在屏幕上的点数,也可以是与文字的比例。如要使每行高
度是文字高度的1.5倍,就设“style=line-height:150%”,这样行与行间就有半个字的
空间。也可以点数来设,“style=line-height:20px”,表示每行所占高度的尺寸是20点。
设置参数可以放在<body>里面,这是对整个页面有效,如“body style=line-height:20px”,也可以放在分段符里,只对该段设置,如“p style=line-height:20px”。
为了对某一部分内容设定格式,要用一个定义区域的指令,“div”定义区域,
用“/div”结束。
在“div”里面可以放很多设置参数,如上面的行高度也可以放在“div”里面:
“div style=line-height:20px”。
“div”里面还可把字符安排为靠左、靠右、居中,指令格式分别是:
“div align=left、div align=right、div align=center ”
注意:引号内的内容,使用时两端要换成<>括起来,这里为了能正常显示用“”代替。
第五讲:图片,音频,和滚动字幕
一:图片的使用
1. 在页面中插入图片
在页面中插入图片用< IMG>标记,通过对<IMG>标记的属性值的调节可以控制图片
在页面中的精确显示。其格式如下:
<IMG src=“图片地址” 属性1=属性值 属性2=属性值>
图片的属性主要有高度(height),宽度(width),对齐方式(align)等,属性值
主要是数字,对齐方式的属性值为:center,left。right。
2. 用图片作为超链接
图片可以做为超链接的热点内容。此时要与A标记配合使用,其格式为:
<a herf=“超链接的文件名”><img src=“图片文件名”></a>
二:音频的使用
管它mms.http.rtsp.只要看后缀尾档是asf.wma.wmv.wmv.rm.通通可以适用下面的
代码:embed src="歌的地址" width="350,80%" height="60,80%">
三:移动字幕的使用
移动字幕使用<MARQUEE>标记,其基本格式:<marquee 属性=属性值>滚动内容</marquee>
它的主要属性及其属性值如下:
对齐方式(align)其属性值是center,left,right
移动字符的背景色(bgcolor)属性值为颜色代码。
移动字符的循环次数(loop)属性值为数字。
移动方式(behavior)属性值为:scroll:文字单向移动,side:移动到边界停止,alternate:到边界后反向移动
文字高度和宽度,以象素为单位(width height)属性值为数字。
字符左右留白长度(hspace)属性值为数字。
字符上下留白长度(vspace)属性值为数字。
字符的移动速度(scrollamount)属性值为数字。
字符移动每步的延时(scrolldelay)属性值为数字。
四:视频的使用
1.[视频]语法也可以这样(贴RM,WMV格式) 代码:<embed src="歌的地址" width=400 height=300>
2.这个代码是需要点击才可以播放的,适用于试听(rm/MP3/RA/WMA) 代码:
<EMBED src=歌曲名 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></embed>
3.这个代码是自动播放的,也是用于试听(类型同上)代码:
<embed src="歌曲的地址 带http的" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">
RM的视频用这个代码 :
[ra].mp3[/ra]
Flash: http://www.9394bbs.com/bbs/.wma
所有的网址看脑袋或尾巴就可以了,格式照葫芦画瓢
在这里经常玩的朋友可能都看过在帖子里躺好的播放器
这样预备运行放置的坏处是:
①不是帖子打开就能同时播放
②有的时候帖子即便打开也要等一等,里面的连接没加载上去
③看起来不神秘
好处是:
①一张帖子里可以同时放上好几首歌曲
②不和推荐的作为背景的音乐相冲突
③完全靠手动,可以随时播放,暂停或停止。
第六讲:帖子实例
1:图上做文字
其实做帖子主要用到的就是表格,所以上面提到表格是重点内容,要做好的帖子,
一定要学好上面讲的表格,熟悉得了解表格的所有属性及其属性值,只要了解了这些
代码的基本意思,就可以自己灵活运用,可以随便组合代码,帖出你想要的效果来。
上面提到过表格的标记<bable>必须和<tr> <td> 标记配合使用,这里请大家注意一下
<table>和<tr> <td>的配合!
上面所讲的都是基本内容,不了解那些代码的意义就谈不上自己组合代码,所以,
一定要学好基础知识,不然,做帖子都只能永远套用别人的现成代码!