打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
学习代码01





 

 

学习代码
        
(一)文字


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>

          

 显示效果如下:

 

 

向左对齐

表示居中

向右对齐

          

 (21)垂直方向(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>

 

         

 

显示效果如下:

 

居左靠顶

居中靠顶

居右靠顶

 

         

 

(22)垂直方向(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>

                                      

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
博客文字代码解释
文字显示在图片位置上的控制(房间背景)
音画文字设置的代码
【代码应用】用代码制作文字和图片同步游动
51VV视频社区成立两周年暨中年专区“辉煌中年聚VV 万马奔腾贺新春”晚会广播代码
闪光特效字体及代码素材
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服