论坛>上海市工程技术管理学校>商业会计学校>如何使用html代码美化你的帖子 美化网页必学

如何使用html代码美化你的帖子 美化网页必学

2014-06-19 19:52:40

学前育成:

本来这些不该是我讲的,因为这些算是很基础的吧,可能还是有人不知道,就重复一次吧

一.清风论坛的编辑模式:清风的编辑模式有两种,姑且称简洁模式和高级模式吧,在高级模式下,就可以发html贴

二.关于剪切,复制,和粘贴

新手大多是喜欢用右键,但是不是什么时候都能用右键的,请熟练操作快捷键——

复制:ctrl+c 
剪切:ctrl+x 
粘贴:ctrl+v

全选:ctrl+a

撤消:ctrl+z

三.关于换行,高级模式下换行有两种

1.直接敲回车键,可以达到换行的效果,但实际上是分段!下面的一行字会和上面的一行有距离的 zB>^k/En   05==Gj5 
2.shift+会车,这个才是真正的换行,两行紧密排在一起!

四.有关html代码,html代码由标签构成。常见的有段落,文字,图片,多媒体,表格等等

接下来逐一的介绍这些标签的用法

如何使用html代码美化你的帖子 - cwf963 - ==淡定==

第一讲:文字标签

基本语法: <font>文字〈/font〉

可通过参数改变文字的大小,颜色,字体,粗细等等,如

————————————————传说中的分隔线————————————————

<FONT style="FONT-SIZE: 18px; COLOR: red; FONT-FAMILY: 黑体">文字</FONT>

效果:文字

注解:

style=" ; ",这里是设置文字的样式,各属性用分号隔开即可
font-size:字的大小,px是像素,说明文字大小18像素
color:这个不用多说了是颜色,可以用英文(red,blue,black,white,..)表示,同样可以用16进制格式表示color:#ffffff(#号加6位数字) f
font-family:看都看得出是字体了

————————————————传说中的分隔线————————————————

同样还有简易的方法,如

<FONT color=#cfcf88 size=7>文字</FONT>

效果:文字

可以简单的不用style直接用以上的来设置文字的颜色和大小
size:字号,1到7可以选择

————————————————传说中的分隔线————————————————

加粗,倾斜,下划线,删除线

放在<font></font>标签中间

加粗: <b></b>或者<strong></strong>

如: <FONT style="FONT-SIZE: 20px"><STRONG>文字</STRONG></FONT>

效果:文字

————————————————传说中的分隔线————————————————

倾斜: <i></i><EM></EM>

下划线: <u></u>

删除线: <STRIKE></STRIKE>

如何使用html代码美化你的帖子 - cwf963 - ==淡定==


 

第二讲:段落

标签: <p></p>

可以设置段落的样式,对齐方式如

<P align=right>文字</P>

效果:

文字

注解:align为对齐方式,可选left,center,right,justify

讲到这就要和上面讲到的换行对应一下,回车符对应的是<p></p> |3<xoqD0  
而shift+回车对应的则是换行符<br>

如何使用html代码美化你的帖子 - cwf963 - ==淡定==

第三讲:图片标签

基本语法: <img src=图片地址> (这是个不成对出现的标签)

原始图片<IMG src="http://img141.imageshack.us/img141/2446/111ff7.jpg">

如何使用html代码美化你的帖子 - cwf963 - ==淡定==

————————————————传说中的分隔线————————————————

可以通过属性设置图片的大小:

通过样式控制大小

<IMG style="WIDTH: 96px; HEIGHT: 92px" src=http://img141.imageshack.us/img141/2446/111ff7.jpg>

如何使用html代码美化你的帖子 - cwf963 - ==淡定==

————————————————传说中的分隔线————————————————

另外还可以还可以直接设置图片大小:

<IMG width=50 height=50 src=http://img141.imageshack.us/img141/2446/111ff7.jpg>

如何使用html代码美化你的帖子 - cwf963 - ==淡定==

如何使用html代码美化你的帖子 - cwf963 - ==淡定==

第四讲:超级连接标签

语法: <A href="地址">连接对象</A>

————————————————传说中的分隔线————————————————

: <A href=>清风论坛</A>

效果:清风论坛

————————————————传说中的分隔线————————————————

同样连接对象也可以是图片

如: <A href=><IMG width=50 height=50 src=http://img141.imageshack.us/img141/2446/111ff7.jpg></A>

效果:

 如何使用html代码美化你的帖子 - cwf963 - ==淡定==

如何使用html代码美化你的帖子 - cwf963 - ==淡定==

 

第五讲:播放器标签

播放器代码其实是很复杂的,这里就介绍最常用的简易标签

基本语法: <embed src=歌曲地址>

可设置参数:

width=300
heigth=50(当然也可以通过style样式,来设置大小)
loop=-1(循环次数,-1就是无限循环,1为播放一次结束)
autostart=1/0(1为自动播放,0为手动开始)
hidden=1/0(是否隐藏播放器)
showstatusbar=1/0(是否显示歌曲状态拦)

常见的就是上面的那些,具体的还有下面这些

    showcontrols 属性:是否显示控制栏(包括播放控件及可选的声音和位置控件);
    showaudiocontrols 属性:是否在控制栏显示声音控件(静音按钮和音量滑块);
    showpositioncontrols 属性:是否在控制栏显示位置控件(包括向后跳进、快退、快进、向前跳进、预览播放列表中的每个剪辑);
    showtracker 属性:是否显示搜索栏;
    showdisplay 属性:是否显示显示面板(用来提供节目与剪辑的信息);
    showcaptioning 属性:是否显示字幕显示面板;
    showgotobar 属性:是否显示转到栏;
    showstatusbar 属性:是否显示状态栏;

随便写一个:

<embed src=歌曲地址 width=300 height=48 showstatusbar=1 loop=-1 autostart=1>

这就是个长为300 高48 显示状态条 无限循环 自动的播放器



还能输入140
发表评论,请先登录!
|

正在加载中,请稍等...正在加载中,请稍等...

活动

1/3

话题...

返回顶部
主题管理
置顶
删除
加精华
修改
打气
屏蔽
转发
禁止回复
过户