HTML日志常用代码盘点

向右看齐 2024-03-30 14:55 51阅读 0赞

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1]

圆形代码：

代码

</CENTER>

方形代码：

代码

</CENTER>

图片移动代码：

代码

</marquee></p>

改变图片大小代码

代码

使用说明：只需要更换一下你喜欢的图片地址，

把图片的高度（height=200 ）和宽度（width=300 ），

改成你需要的大小就行了。

以后再看到大的图片放不进边框，你就可以用代码随意改变图片大小了！

图片左右对称代码

代码<P align=center> <IMG style="FILTER: FlipH"src="图片地址"

width=250 height=360>&nbsp;&nbsp;&nbsp;&nbsp;

<IMG src="图片地址"width=250 height=360></P

图片上下对称代码

代码 <P align=center>

<IMG style="FILTER: FlipV"src="图片地址"

width=500 height=300></P>

多图滚动代码

代码

<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 567px; HEIGHT: 749px" height=48 alt=""

src="

<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 567px; HEIGHT: 749px" height=48 alt=""

src="

<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 567px; HEIGHT: 749px" height=48 alt=""

src="

注：需要加多少图片就放几次代码

</P></TD></TR></TBODY></TABLE></CENTER></TD></TR><D></TR></TBODY></TABLE></MARQU

图片显现后而影藏的代码

代码<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>

<TBODY>

<TR>

文字向左移动定位代码

你要写的字

代码

<TBODY>

<TR>

<TD>

<P>

<CENTER><FONT size=5><FONT color=\#ff00ff><BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字

<BR>你要写的字<BR>你要写的字<BR></FONT></FONT></CENTER></B></MARQUEE></P></TD></TR></TBODY></TABLE></CENTER>

文字向上滚动代码

代码

DIV style="POSITION: absolute; TOP: 20px; LEFT: 130px">

图片加竖排文字代码

代码

<P><FONT color=\#87cefa face=楷体\_GB2312><STRONG>书写竖列文字</STRONG><BR><STRONG>书写竖列文字</STRONG><BR><STRONG>书写竖列文字</STRONG><BR><STRONG>书写竖列文字</STRONG><BR></FONT></P></DIV></DIV></DIV>

横排文字定位代码1

代码

横排文字定位代码2

代码<DIV style="POSITION: absolute; WIDTH: 800px; HEIGHT: 658px; TOP: 700px; LEFT: 80px">

纯颜色雾化图片代码

代码<CENTER>

<TR>

<TD><IMG style="FILTER: progid:DximageTransform.Microsoft.Alpha(opacity=0, Finishopacity=100, style=1, startx=100, Finishx=0, startY=0, FinishY=100); CURSOR: hand" src="

添加flash代码

代码 <embed src="Flash素材地址"; width="素材宽度" height="素材高度" quality="high" wmode="transparent" align="right" style="position: absolute; left:水平距离; top:垂直距离">

添加动画代码

代码

随便找张图片就可以做日志信纸1：

代码 <DIV style="FONT-SIZE: 16px">

<TBODY>

<TR>

<TD>

随便找张图片就可以做日志信纸:2

代码

<P></P>

<TBODY>

<TR>

<TD>

图片制作播放器

<TBODY>

<TABLE <TABLE style="BACKGROUND-IMAGE: url(图片网址)"

border=0>

漂亮标题栏

代码 <DIV align=center>

<TABLE style="BACKGROUND-IMAGE:

url(背景图片地址)" title=绛珠草欢迎你

align=center border=0 cellSpacing=0

cellPadding=5 width=502

align=center height=70 <table>

<TBODY>

<TR>

<TD>

<P align=center><FONT

color=\#66ccff size=5>

<B>请在这输入文章标题</B></FONT>

</P></TD></TR></TBODY></TABLE></DIV>

无缝图片拼接

代码 <TABLE height=3000 cellSpacing=0 cellPadding=0 width=750 align=center border=0>

<TBODY>

</TBODY></TABLE>

代码使用说明：

1、以上是8幅图片，可复制<TR><TD><IMG height=600 src="增减。

2、width、height的数值是图片的宽和高，根据图片本身的大小改变其数值。

图片穿越代码

代码 <DIV style="LEFT: 50px; POSITION: absolute; TOP: 30px">

使用方法

LEFT: 50px为横坐标，表示图片显示左右位置；TOP: 30px为纵坐标，表示图片显示的上下位置；

width=600表示图片的大小。

在“图片地址”处放添加的图片地址，这些数字可以根据需要来调整，需要使用多张图片在背景图上穿越，

多复制几次这个代码，改动代码中横坐标、纵坐标数字即可。

移动图片穿越代码

代码 <DIV style="LEFT: 30px; POSITION: absolute; TOP: 10px">

音乐播放器加滚动图片代码

代码

<TBODY>

<TR>

<TD>

</MARQUEE>

飘浮式音乐播放器制作代码

代码 <DIV align=center>

<TBODY>

<TR>

<TR>

<DIV align=center><FONT face=华文行楷 color=\#ff0000 size=5>可以写上歌曲名和歌手名</FONT></DIV></TD></TR></TBODY></TABLE></MARQUEE><BR>

空间友情超链接

代码 <P align=center><A class="c\_tx2 q\_namecard" href="链接的空间名称（文字） &nbsp;</STRONG></FONT></A><FONT color=\#0000ff size=6><STRONG>&nbsp;</STRONG></FONT></P>

图片超链接

代码

<P align=center><A href="</FONT>target=\_blank><IMG title=链接的名称（文字） style="WIDTH: auto; HEIGHT: auto" src="

三.标题文字链接代码(参考一 同效） 代码如下：

标题超链接

代码

<P align=center><A href="

size=4> （链接的）标题文字</FONT></A></P>

空间超链接

代码

\[代码url=要链接的网页地址\]点击此处进入我的空间\[代码/url\]

日志加边框代码

代码 <TABLE style="LEFT: -65px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 align=center bgColor=\#696969 border=0>

<TBODY>

<TR>

<TD>

<DIV>

<TBODY>

<TR>

<TD>

<P>

<TBODY>

<TR>

<TD>

<P>

<TBODY>

<TR>

<TD>

多层加边框代码

代码 代码：

<TBODY>

<TR>

<TD>

<DIV>

<TBODY>

<TR>

<TD>

<P>

<TBODY>

<TR>

<TD>

<P>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<P></P>

<TBODY>

<TR>

<TD>

<TBODY>

<TBODY>

<TR>

<TD>

[Link 1]: https://www.weidianyuedu.com/
[http_www.weidianyuedu.com]: http://www.weidianyuedu.com/
[http_1872.img.pp.sohu.com.cn_images_blog_2008_10_21_11_2_11dc515664eg215.jpg]: http://1872.img.pp.sohu.com.cn/images/blog/2008/10/21/11/2/11dc515664eg215.jpg%29;