让我们一起学代码 (一)文字
1、文字设置三要素(三属值): style=font:32pt 文字的大小 color=navy 文字的颜色 face=幼圆 哪一种字体
文字设置的一组代码: <font style=font:32pt face=隶书 color=ffffff>去无影</font> 显示效果如下: 去无影 相同的文字设置代码,三要素改变了,显示效果就不同。 <font style=font:40pt face=华文新魏 color=red>去无影</font> 显示效果如下: 去无影
<font style=font:80pt face=华文彩云 color=fff000>去无影</font> 显示效果如下: 去无影
★★★ 你可以把(文字设置的一组代码)复制到记事本去,改为你喜欢的文字内容,让后用回复的方式试贴,粘贴时注意先选择[HTML]标签,同时把自动修正的钩去掉。 2、常用字体代码 宋体 黑体 楷体_GB2312 仿宋_GB2312 新宋体 幼圆 隶书 方正舒体 华文新魏 华文行楷 华文细黑 华文彩云 方正姚体
3、文字有换行与分段:
掌握HTML语法中的分隔标签非常有必要,娴熟地应用分隔标签,能令帖子可读性强、外观整洁漂亮。 常用分隔标签有三种: (1)强行换行:<br> (2)强行分段:<p>内容</p> (3)div:<div>内容</div>。
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
强行换行:<br> <br>是独立使用的标签,没有终止符。下面这首诗编辑时虽然有分行,编辑时虽然有分行,但无用强行分行标签。
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; FONT-VARIANT: normal" face=楷体_GB2312 color=fff000>
《 望庐山瀑布》 李 白
日照香炉生紫烟,遥看瀑布挂前川。
飞流直下三千尺,疑是银河落九天。
</P></FONT>
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
显示效果是联成一片。
《 望庐山瀑布》 李 白日照香炉生紫烟,遥看瀑布挂前川。飞流直下三千尺,疑是银河落九天。
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
编辑文本时,在要断行的地方加入分隔标签: <P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; FONT-VARIANT: normal" face=楷体_GB2312 color=fff000> 《 望庐山瀑布》 李 白<BR><BR><BR> 日照香炉生紫烟,遥看瀑布挂前川。<BR><BR> 飞流直下三千尺,疑是银河落九天。<BR><BR> </P></FONT>
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
显示效果:
《 望庐山瀑布》 李 白 日照香炉生紫烟,遥看瀑布挂前川。 飞流直下三千尺,疑是银河落九天。
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
★★★ 强行分段:<p>内容</p>与换行不同,p用来强行分段,它是成对出现的标签,即以起始符<p>引导被修饰的段落,以</p>结束该段。 段与段之间的距离相当于一个空行,两个<br>也得到分段的效果。
★★★ 类似p标签的还有div。记作:<div>内容</div>成对出现的标签。它同样可以达到分行分段的效果,但不是一个分段标签。
5、文字显示位置的控制:
文字显示位置分别为:水平方向(align),垂直方向(valign) (1)水平方向即左中右: left(左对齐) middle(居中) right(右对齐) (2)垂直方向即靠顶和靠底。 top(靠顶)、bottom(靠底)等。
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
(1)水平方向即左中右的代码: <p align=left><font style=font:15pt face=黑体 color=fff000>向左对齐</font></P> <p align=CENTER><font style=font:15pt face=黑体 color=fff000>表示居中</font></P> <p align=right><font style=font:15pt face=黑体 color=fff000>向右对齐</font></P>
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
显示效果如下:
向左对齐
表示居中
向右对齐
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
(2—1)垂直方向(valign)靠顶的代码:
<P align=LEFT valign=top><font color="#FFFF00">居左靠顶</font></P>
<P align=center valign=top><font color="#FFFF00">居中靠顶</font></P>
<P align=right valign=top><font color="#FFFF00">居右靠顶</font></P>
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
显示效果如下:
居左靠顶
居中靠顶
居右靠顶
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
(2—2)垂直方向(valign)靠底的代码:
<P align=LEFT valign=bottom><font color="#FFFF00">居左靠底</font></P>
<P align=center valign=bottom><font color="#FFFF00">居中靠底</font></P>
<P align=right valign=bottom><font color="#FFFF00">居右靠底</font></P>
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
显示效果如下:
居左靠底
居中靠底
居右靠底
6、文字(图片)的移动:
<marquee>内容文字或图片</marquee>
上面是最简单的移动标签。把它复制粘贴发表结果如下:
移动属性值有几个内容: 移动方向 <direction=#> 速 度 <scrollamount=#> 方 式 <bihavior=#> 循 环 <loop=#> 延 时 <scrolldelay=#>
★ ★ ★ ★ ★ ★ ★ ★ ★ ★
移动方向: 从右向左移动 direction=left 从左向右移动 direction=right 从上向下移动 direction=down 从下向上移动 direction=up
(1)从右向左移动:
<marquee direction=left scrollAmount=2> <font style=font:18pt face=黑体 color=fff000>去无影</font></marquee>
显示效果如下:
(2)从左向右移动:
<marquee direction=right scrollAmount=2> <font style=font:18pt face=黑体 color=fff000>去无影</font></marquee>
显示效果如下:
(3)从上向下移动:
<marquee direction=down scrollAmount=2> <font style=font:18pt face=黑体 color=fff000>去无影</font></marquee>
显示效果如下:
(4)从下向上移动:
<marquee direction=up scrollAmount=2> <font style=font:18pt face=黑体 color=fff000>去无影</font></marquee>
显示效果如下:
(5)左右来回移动:
<marquee behavior=alternate scrollAmount=8> <font style=font:18pt face=黑体 color=fff000>去无影</font></marquee>
显示效果如下:
(6)上下来回移动:
<font size=5 face=黑体 color=lime> <MARQUEE scrollAmount=5 direction=up behavior=alternate height=120><center>去无影</center></marquee>
显示效果如下:
移动速度:
<scrollamount=#> #:移动速度设置数值大就走得快。
数字小,移动的就慢:
<marquee direction=left scrollAmount=2> <font style=font:18pt face=黑体 color=fff000>语去无影,数字为2,移动较慢!</font></marquee>
显示效果如下:
数字大,移动的就快:
<marquee direction=left scrollAmount=8> <font style=font:18pt face=黑体 color=fff000>去无影,数字为8,移动很快!</font></marquee>
|
评论