代码如下： <TABLE borderColor=#ff9999 height=0 cellSpacing=0 cellPadding=0 width=460 align=center border=1> <TR> 注：1. 代码中“<TABLE borderColor=#ff9999 height=0 cellSpacing=0 cellPadding=0 width=460 align=center border=1> 是设置表格及字体尺寸和颜色的，主页风格不同所以模块尺寸不同，可以自行设置表格及字体尺寸和颜色的。 2. 在你的博客主页建一个空白模块，将此代码复制过去，即可将此模块搬家到你的主页中。欢迎引用！ 3. 这里是主页代码的一部分，更多代码参见我博客日志的“主页代码专区”。
更多模块代码见我“所有日志”中的“主页模块代码专区”
效果如下：（见我博客主页）
代码如下： <TABLE borderColor=#ff9999 height=0 cellSpacing=0 cellPadding=0 width=460 align=center border=1> <TD width="50%">(38)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912008580540387/" target=_blank>快速使你博客点击猛增</A></TD> 注：1. 代码中“<TABLE borderColor=#ff9999 height=0 cellSpacing=0 cellPadding=0 width=460 align=center border=1> 是设置表格及字体尺寸和颜色的，主页风格不同所以模块尺寸不同，可以自行设置表格及字体尺寸和颜色的。 2. 在你的博客主页建一个空白模块，将此代码复制过去，即可将此模块搬家到你的主页中。欢迎引用！ 3. 这里是我“博客教程”中的一部分，其他部分请见我的博客日志的“博客教程” 4.bgColor=#f5f5f5语句是填充表格颜色的,删除这个语句表格就是透明的了.
如何贴背景图案（文字与图片居中）: <center><table cellpadding=0 cellspacing=0 borderColorLight=#aaaaee border=8 WIDTH=98% align=center table background="背景图片或颜色" width=700><tr><td><center><br><br><br> 图片加边框: <table border=2><td><img src="图片地址"></td></table> 图上做文: 帖子里插入Flash代码： 贴MP3播放器的代码 支持rm或mid格式（随机播放）： （非自动播放）:
上下滚动特效代码: <DIV align=center> <MARQUEE onmouseout=scrollAmount=2 scrollAmount=2 direction=up width=300 height=260> <P><P align=center>*文字内容园*</A> <P></P></MARQUEE></DIV> 注：direction后面就滚动的方向，也可是down，left，right。 html基础知识，忘了代码的来看
1)贴图：<img src="图片地址">
2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a> 3)在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a> 4)移动字体(走马灯)：<marquee>写上你想写的字</marquee> 5)字体加粗：<b>写上你想写的字</b> 6)字体斜体：<i>写上你想写的字</i> 7)字体下划线: <u>写上你想写的字</u> 8)字体删除线: <s>写上你想写的字</s>
9)字体加大: <big>写上你想写的字</big>
10)字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小) 11)更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间 12)消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a> 13)贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false> 14)贴flash: <embed src="flash地址" width="宽度" height="高度"> 15)贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover> 16)换行：<br> 17)段落：<p>段落</p> 18)原始文字样式：<pre>正文</pre> 19)换帖子背景：<body background="背景图片地址"> 20)固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=fixed> 21)定制帖子背景颜色：<body bgcolor="#value">(value值见10) 22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite> 23)贴网页：<iframe src="相关地址" width="宽度" height="高度"></iframe> 文本：
<font></font>：
这是改变文字大小、字形、颜色最常用的标记 例子：<font face="楷体_gb2312"
字体上标 例子：<sup>上标</sup> 效果：上标
<sub></sub> 字体下标 例子：<sup>下标</sup> 效果：下标
<strike></strike> 删除线
例子：<strike>删除线</strike> 效果： ◆链接：
<a></a>
１、链接标记，使一段文字或图片变成打开另一个网页或其它什么东西的链接 例子：<a href="http://zxonly./"
target="_self" target="_blank" 或 target="new" target="框架页名称" 或"window_name"
2、想做一个返回页面最顶端的链接是不用事先定义锚点的，用#top这个值就可以了
也可以用图片做链接：
例子：点我-〉<a href="http://zxonly./"><img src="http://image9.360doc.com/DownloadImg/2010/04/1906/2914117_1.gif"></a> 效果：点我-〉  ◆图形： <img> 图形标记，贴图用的，也可以用来贴影视文件，这个标记也是不用加结束标记的 例子：<img src="xxx.jpg" width=50 height=100 border=3 alt="这个不是红叉">
◆多媒体：
<bgsound>
插入背景音乐的语句，bgsound 的参数比较简单，也不用结束标记的，不过现在黑马论坛里乱贴背景音乐是会被杀的，所以建议大家少用为妙，如果实在有什么绝世天音非要大家听不可，可以用下面介绍的 <embed> 标记来贴，而且记得要设成不自动播放，要不然咱们的管管就会很热情地招待你的
例子：<bgsound src=http://zxonly2./music/圣斗士冥王篇-blue dream.mid
<embed></embed> 播放多媒体文件的标记，支持各种视频、音频、flash动画的播放，这个标记的参数有很多，在此就只介绍一些常用的吧： <embed src="多媒体文件地址"
◆其他：
<body>
本来<body>是用于网页正文的开始，一个网页只要一个就够了，不过我们为了得到想要的效果，不得不“非法”的把它拖出来用了，嘿嘿~~~~注意：<body>的设置会影响整个页面，请小心使用 <body text="#000000"
◆css滤镜： css即层叠样式表，功能强大，运用得好的话可以做出很多绚丽效果。部分无参数滤镜已经在图形那里介绍了，这里就不再重复了，网页中加入css的方法有很多种，这里为求方便-_-就只介绍使用ｓｔｙｌｅ参数直接加在部分标记里的方法
此滤镜可以使文字或图像产生透明效果（图形上面已经有一个例子了）
blur滤镜会产生类似于ps的涂抹效果，这里是用 标记来加入ｓｔｙｌｅ，在ｓｔｙｌｅ里面必须用width或height设定一个范围，否则滤镜效果将显示不出来的
{filter:shadow()} 这两个滤镜都是产生阴影效果的，shadow产生的效果类似于blur滤镜，而dropshadow的效果就像灯照的投影
{filter:wave()} wave滤镜用于产生扭曲效果
glow滤镜会给文字或图片包一层光晕效果
此滤镜可以使指定的一种颜色变成透明，这个滤镜很简单，就一个参数 color就是指定要变成透明的颜色 一、文字标记
基本代码如下： <P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P> align=center 表示字体居中，可选值为居右（right）居左（left） color=颜色代码 face=字体 常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等 size=字体大小，这里的最大值为6 取值越大文字就越大 1.字体变化 <font>..........</font> a.字体大小 <font size=#>..........</font> #=1~7；数字愈大字也愈大 b.指定字型 <font face="字体名称">..........</font> c.文字颜色 <font color=#rrggbb>..........</font> rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码 rrggbb也可用6位颜色代码数字 2.粗体字 <b>..........</b> 3 字体加粗<STRONG>..........</STRONG>和<b>标签差不多的效果 4.换行（也称回车） <br> 5.分段标记 <p> 文字的对齐方向 <p align="#"> #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示，直到出现另一个<p align="#">改变其对齐方向，遇到<hr>或<h#>标签时会自动设回预设的向左对齐。 6.区隔标记 <DIV> <DIV>称为区隔标记。作用：设定字、画、表格等的摆放位置。 <DIV>应用于 Style Sheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织 能力，有 Class ; Style ; title ; ID 等属性。。 以 <DIV align="center"> 为例： align="center" 可选值：center ; left ; right 。决定字、画、表格等居中、靠左或靠右。 <DIV align="center"> 的作用和居中标记 <CENTER>一样。。 注：其实常用跟<p>标签的效果差不多，但是功能比<p>相对强一些。。。 7.分隔线 <hr> a.分隔线的粗细 <hr size=点数> b.分隔线的宽度 <hr size=点数或百分比> c.分隔线对齐方向 <hr align="#"> #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 d.分隔线的颜色 <hr color=#rrggbb> e.实心分隔线 <hr noshade> 8.居中对齐 <center>..........</center> 跟<p align="center">........</p>,<DIV align="center">........<DIV>效果基本是一样的。。。 9.文字移动标记<MARQUEE>..........</MARQUEE> <marquee 属性＝属性值> 滚动内容 </marquee> 移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。 字符移动每步的延时:scrolldelay=# 属性值为数字， #最小为1， 数值越大速度越大，反之亦然。 移动方向指令是：direction=# up向上、down向下、left向左、right向右。 移动方式:behavior 属性值为scroll：文字单向移动，side：移动到边界停止，alternate：到边界后反向移动； align，对齐方式，其属性值为center，left，right，top, middle, bottom，分别表示居中，左对齐， 右对齐，对齐上沿、中间、下沿； bgcolor，移动字符的背景色，属性值为颜色代码，可以是rrggbb 16 进制数码，r=red，g=green， b=blue，也就是色彩中的三原色，也可是预定义色彩； loop，移动字符的循环次数，属性值为数字，若未指定则循环不止(infinite)； width及height，文字高度和宽度，以象素为单位，属性值为数字； hspace字符左右留白长度，属性值为数字； vspace字符上下留白长度，属性值为数字； scrollamount字符的移动速度，属性值为数字，数值越大速度越大，反之亦然； 如何突破6号字的大小
我们需要以嵌套方式调用CSS样式来定义字体，这种方法可以让我们最大限度地设置字号大小，实现方法也很简单，只需在标签里用以下代码替换纯HTML原来的元素即可。请看以下代码和效果： 简单 简单
以上是部分最常用的代码,HTML代码还有很多,全都列举出来会让初学者头皮发麻的,因此不想一下子全部列举.我想在实际的运用中结合实例再详细讲解,大家的印象会更深,也更容易理解.
以前面的文字移动标记<MARQUEE>..........</MARQUEE>为例,我们用实际来讲解 在论坛默认的编辑状态下，我们可以通过UBB语法的move和fly语句让对象动起来，但功能很简单，只是平行地移动。而我们使用HTML的Marquee语句则可以产生更多的移动效果：向左、向右、向上、向下。再嵌套使用marquee语句，效果就更加丰富了。 marquee的基本语法：<marquee> ... </marquee> 说明：与大多数HTML语法元素一样，它也是成双出现的，被修饰对象就放在起始符和终止符之间。请看如下例子： <marquee> 新音乐阵线</marquee> 新音乐阵线 瞧，简单吧？不过，以上例子只是使用了marquee的默认用法。我们加入相应的参数，它的移动方法就有所不同了。 参数一：behavior。移动方式。值：scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。
例：<marquee direction=left behavior=alternate>哈哈，我来回走！</marquee> 哈哈，我来回走！ 参数二：scrollamount。移动速度。值取正整数。数值越大，速度越快。例： <marquee scrollamount=25>看，我走多快！</marquee> 看，我走多快！ 参数三：scrolldelay 延时。数值。例： <marquee scrolldelay=1000>我走一走，停一停</marquee> 我走一走，停一停 参数四：bgcolor 底色。例： <marquee bgcolor=pink>看到了吧？我有底色！</marquee> 看到了吧？我有底色 #=rrggbb 16 进制数码，或者是下列预定义色彩： Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 参数五范围：width和height。就是移动的宽度与高度了。例：
<marquee width=200 height=200 bgcolor=pink direction=down>在我的地盘里移动！</marquee> 在我的地盘里移动！ 参数6:外观(Layout)设置1.对齐方式(Align) <align=#> #=top, middle, bottom <marquee align=top width=400>我在上面移动</marquee> <marquee align=middle width=400>我在中间移动</marquee> <marquee align=bottom width=400>我在下面移动</marquee> 对齐上沿、中间、下沿。我在上面移动对齐上沿 我在中间移动对齐中间 我在下面移动对齐下沿 参数7:空白<Margins><hspace=# vspace=#> ********************************************<br>你好 <marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>版主来了</marquee> 大家好！<br> ******************************************** ******************************************** 你好 版主来了大家好！ ******************************************** 代码:
<TABLE borderColor=#cd5c5c height=100 width=400 align=center border=3> <TBODY> <TR> <TD background=http://www./bbs/UploadFile/2004-9/200496102712413.gif> <P align=center> <MARQUEE scrollAmount=3 behavior=alternate width=500><IMG alt="" src="图片地址"><FONT color=#ff0000 size=6><B>九斤姜欢迎您</B><IMG alt=""src="图片地址"></FONT></MARQUEE></P></TD></TR></TBODY></TABLE> 看了这个实例大家是否意识到了什么??呵呵,原来图片和文字一样,在代码<MARQUEE中的变化是完全一样的包括属性,所不同的是文字由<FONT>...</FONT>控制,而图片则由<img>....</img>控制。本例中蓝色部分是边框的背景图，绿色部分是定义文字，而玫瑰色当然就是移动的图片了。 这些代码都可以通过改变字体,图片地址,等等,来为己所用.当我们随后学了表格的相关内容后,大家就会对这些代码一幕了然,慢慢来!!! 图片的基本格式 1、 HTML的一般图片格式(不改变大小） 代码：<IMG SRC=图片网址> 举例：代码：
<P align=center><IMG SRC=图片地址></p> 显示效果(保持原图一样）：  补充术语解释： 代码： <P align=center>图片网址</p>：表示图片居中。 有缩小和放大功能的图片格式代码：
<IMG height=高度 src=图片网址 width=宽度 ;> 1）缩小图片 代码： <IMG height=100 src=图片地址 ;> 2）放大图片 代码： <IMG height=250 src=图片地址 ;> <IMG> 的一般参数设定： 例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif"> src="logo.gif" 图片来源，接受 .gif, .jpg 及 .png 格式， width=100 height=100 设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小，以免失真，若需要改图片大小最好使用图像编辑工具。（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真。） hspace=5 vspace=5 设定图片边沿空白，以免文字或其它图片贴近。hspace 是设定图片左右的空间，vspace 是设定图片上下的空间，高度采用 pixels 作单位。 border=2 图片边框厚度 align="top" 调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底部、 左右等，可选值：top, middle, bottom, left, right，内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom， texttop 表示图片和文字依顶线对齐， baseline 表示图片对齐到目前文字行底线值， absmiddle 表示图片对齐到目前文字行绝对中央， absbottom 表示图片对齐到目前文字行绝对底部，（绝对底部是指它考虑到比如 y 、g、q 等字的下边）。 alt="Logo of PenPal Garden" 这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文字 将会代替图片被显示。若支持图片的浏览器，当鼠标移至图片上该文字也会显示。 lowsrc="pre_logo.gif" 设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本。 例如 <IMG height=150 alt="Logo of PenPals Garden" hspace=5 src=图片地址 width=150 align=top lowsrc=pre_logo.gif vspace=5 border=8> |
|
|
