我的常用标签代码

这是笔者初涉图书馆时的学习备忘笔记。很不全面甚尔有误，但还是愿意公开它，供后介入者学习时参考，仅此而已。

我的常用标签代码

1、贴图标签：三种表示法 ①、 <img style="width: 460px; height: 350px"

src=http://image18.360doc.com/DownloadImg/2010/11/2814/7176269_1.jpg >

说明： img 插入图片命令； style 风格； src 采样 ②、 <img height=178 src="//image25.360doc.com/DownloadImg/2011/03/1813/10108135_1.jpg" >

③、还有另一种方式：

<input type=image

src=" http://image4.360doc.com/DownloadImg/2009/8/20/114516_5071982_68.jpg" width=700>

说明： input 是输入之意； type---类型； input type=image 提交图片按钮；

2、文字标签（两种表示法） ①、 <font face=宋 size=6 color=#FF0000><b>锦绣中华</b></font>

②、 <font face=楷体_GB2312 style=font:30pt color=#FF0000><b>锦绣中华</b></font>

说明：<标签名称+三个属性数值>所写的字+尾标签；

文字属性有三：字体(都是用face=表示)、大小(size=6 或style=font:30pt )、颜色（表示方法相同）。

文字在图片上的位置：<DIV align=center>，你可选 center（居中），

right（靠右），left（靠左）；

文字换行，在文字之间加<BR>标签。

<b>是加重加粗

附：常用颜色代码如下： #ff0000=红色 #00ff00=绿色 #0000ff=蓝色 #ffff00=黄色 #00ffff=青色 #ff00ff=紫色

#8b3e2f=褐色 #8b6508=浅褐 #87ceff=天蓝 #76ee00=草绿 #ff0099=粉红色

注:①、字色在000000至ffffff(16进位)之间，由00至ff,字色由浅到深。

②、前两位代表红色，中间两位代表绿色，后两位代表蓝色。

③、可按自已的喜好组合(代码要求使用英文字符)。

3、移动标签

1）、 <marquee scrollamount=2 direction=up width=350 height=120>

说明：有三个属性即速度、方向、范围

①、速度：scrollamount=2---速度为2；

②、动作方向：（direction 是趋势、方向）

direction= up--向上移（另：top 是顶端）

direction=left--向左移；

direction=right --向右移；

direction=down---向下移）

behavior=alternate --来回移动（behavior 是行为 alternate是交替）;（适用于顶图等）

完整来回移动标签：<marquee scrollamount=3 behavior=alternate width=990 height=190>

③、范围：这里的width=350 height=120是图片或文字移动的范围。

2）、另有几个移动标签如下：

<MARQUEE scrollAmount=3 scrollDelay=0 behavior=alternate> （就是来回移动）

这些是节制图片移动的代码。

蓝色的1、2、3是把持图片挪动的速度，数字越大移动的越快。

图片或文字波浪式移动：代码：

<table style="WIDTH: 620px; HEIGHT: 400px" height=300 cellPadding=0 width=620 align=center

background=http://image21.360doc.com/DownloadImg/2011/01/0714/8296724_15.jpg border=0>

<tbody>

<tr>

<td>

</tr>

</tbody>

</table>

注：1)、前边表格标签是背景图片；后面贴图标签是移动图片。

2）、后面WIDTH、HEIGHT是滚动区域；scrollAmount是速度；direction是方向；

behavior属性=alternate交替滚动。

3）、direction=right是从左向右动，若把right改为left就从右往左了。

4）、贴图标签中图片高宽必须小于移动范围，移动范围高宽必须小于背景。

5）、把贴图标签删除，该位置换成文字，能实现该文字的移动。

4、连接标签代码： 1）、空行：

空一横行时，用一个 <DIV> </DIV>或用<DIV align=left></div>

空二横行时，用二个 <DIV> </DIV>或用<DIV align=left></div>

2）、上下排列图片（带顺号）时空行衔接标签组：

①、第1图片主体标签的前面应是：

②、下面的图片之间的衔接：

如第3图和第4图之间的衔接，应在第3图尾标签后接：

其后紧接第4图主体标签。

3）、移动文字标签的衔接

①、移动文字在背景图片内：

表格（图片背景）标签后加<tbody><tr><td>

然后紧跟移动标签，标签中还要有align="right",然后是文字标签；

②、移动文字在背景图片上方：表格标签（不要背景属性）后加<tbody><tr><td> 然后紧跟移动标签，再<div class="ztag cnt pre">,然后才是文字标

签，再小封口到</tr>再跟<tbody><tr><td>贴图标签；

③、移动文字在背景图片下方：

表格标签（不要背景属性）后加<tbody><tr><td>贴图标签，小收口</td></tr>，

之后再<tbody><tr><td>移动标签、<div class="ztag cnt pre">、文字标

5、移动图片代码=移动+贴图

注：behavior---行为；behavior=alternate ：来回移动

6、表格标签：

说明：<标签名称+七个属性数值>其中table是标签名称-表格．后有七个属性和属值：

①、bgColor=#00ff00 是颜色背景(绿)；borderColor=#8b3e2f：边框颜色褐

bgcolor=#00ff00改为 background=http://image21.360doc.com/DownloadImg/2011/01/0714/8296724_15.jpg即成为图片背景图框

②、其它五个分别是 ·width=700　表格（图框）宽度700个点．

·height=150 表格（图框）高度150个点

·border=10"：边框粗度10个点．

·cellspacing="3"：单元格间距，就是图框内细线与边框的距离．

·cellpadding="10"：单元格衬距，就是插入内容与单元格间距细线的距离．

表格标签里加一个“title=清泉书馆”则图上出现“清泉书馆”随鼠标显示。

表格文字代码：

    清泉书馆欢迎您的光临 </font></td>

</tr></tbody></table>

说明：

①、第一标签是标准的表格标签

②、<tbody><tr><td>分别是主体显示从上到下和竖横标签．

③、第五标签是文字标签.

④、最后一行是全部尾标签．

7、表格移动文字代码：（图片背景、颜色背景）

①、移动标签：<marquee scrollAmount=4 direction=up width=700 height=130>

②、表格、<tbody><tr><td>、移动、文字标签顺序排列而成：

<table borderColor=#8b3e2f height=180 cellSpacing=3 cellPadding=10

width=350 background=http://sucai.heima.com/sucai/news/bg/48.jpg border=7>

    清泉书馆欢迎您的光临

</font></marquee></td>

</tr></tbody></table>

注：把 background=http://sucai.heima.com/sucai/news/bg/48.jpg换成bgColor=#00ff00

上面就成颜色背景移动文字了。

8、图片+多元文字（含移动）代码

①、国庆节快乐（多元文字部分移动）代码 <p align=center>

<div><font style="FONT-SIZE: 25pt" face=华文行楷 color=#00ff00><strong><br>送给志英兄弟 </strong></font></div>

</td></tr><tr><td>

<marquee scrollAmount=4 direction=up width=355 height=180 align="middle"><font style="FONT-SIZE: 40pt" face=华文行楷 color=#ff0000><strong><br>  国庆节快乐！</strong> </font></marquee></td></tr><tr>

</font></td></tr> </tbody></table></p>

注：定位插入时有水平定位对齐align=center居中（或=left左对齐，或=right右对齐)

还有垂直定位对齐vAlign=top靠顶（或=bottom靠底）

定位插入时，关键是确定水平定位起始点及宽度和垂直定位起始点及高度。（总高240=30+180+30）

②、恭祝朋友

<div align=center><font face=楷体_GB2312 color=#ff0000 size=6>恭祝朋友节日快乐</font></div>

<div align=center><font face=楷体_GB2312 color=#ff0000 size=6>阖家融融身体棒棒</font></div>

<div align=center><font face=楷体_GB2312 color=#ff0000 size=6>万事如意幸福安康</font></div>

</font></marquee></div></td></tr></tbody></table>

9、顶图用置顶标签： <div style="LEFT: 5px; POSITION: absolute; TOP: 21px">或

放置左栏标签：<DIV style="POSITION: absolute; TOP: 1900px; LEFT: 26px" class=divBorderStyle>

10、首页定位（左、中、右）图片代码（放置普通左中右栏图片时用绝对定位标签+贴图标签就行）

注：设于中部时LEFT取230px width=350px; 设于右面时LEFT=600px width=355px; 整面宽图时width=960px.

11、缩图代码：

12、图片的水平、垂直翻转代码：

图片水平（左右）翻转代码：

或

图片垂直（上下）翻转代码：

或

13、美化首页的其他代码和素材

1）、首页物件绝对定位代码：

此代码能将你要放置到首页的任何物件，绝对定位到你要放置到的任何位置。如：时钟、日历、动画等等。

代码如下：

<div style="LEFT: 26px; POSITION: absolute; TOP: 587px">编辑好的物件代码 </div>

温馨提示：（360DOC）

△、如果你的物件是放置在顶部，物件的高最好不要大于210px； △、如果你的物件是放置在左面，物件的宽最好不要大于210px；

△、其它位置最好不要放置物件，否则，可能挡住其它板块上的功能使用。

△、以上操作须在“代码”状态下编辑好。

（具体步骤：点击“撰写文章”→点击“代码”→粘贴（所要代码并编辑好）→点击“编辑”→复制（全选）→（我的图书馆首页）点击“添加模块”→点击“我的公告”→粘贴→确定）

★ 添加图片的代码：

★添加时钟的代码：

★添加挂件的代码：

·左边挂件：

<DIValign=left><IMG src="挂件地址" align=left><DIV>

·右边挂件：

<DIValign=right><IMG src="挂件地址" align=right></DIV>

★图片上加文字的代码：

<tbody>

<tr>

</tr>

</tbody>

</table>

2）、放置首页顶图（图片+文字）的代码：（支持格式：JPG、GIF）

<tbody>

<tr>

<td>

<div align=center><span style="FONT-SIZE: 24pt; COLOR: #ff0000"><br>输入你想写的字</div>

</span>

</td>

</tr>

</tbody>

</div>

放置首页顶端滚动文字的代码：

<marquee style="COLOR: #cc0099" scrollAmount=2>输入你想写的字</marquee></div>

放置首页顶端滚动文字及图片的代码：（支持格式：JPG、GIF）

<marquee style="COLOR: #cc0099" scrollAmount=2><a><font size=3><img src="//image11.360doc.com/DownloadImg/2010/03/2100/3328347_7.jpg" border=0></font></a></font>～～输入你想写的字～～</marquee></div>

放置首页天气预报的代码：

放置首页动画的代码：（支持格式：SWF）

放置首页播放器的代码：（支持格式：MP3）

14、鼠标放上去停止滚动，移开继续滚动

向左：

<center><font color="lime" size="5" face="隶书">清泉m真诚欢迎您的光临</font></marquee>

向上：

<center><font color=red style="FONT-SIZE: 18pt" face="华文新魏" >清泉m祝朋友天天开心</font></center></marquee>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。