代碼如下： <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> 是設(shè)置表格及字體尺寸和顏色的，主頁風(fēng)格不同所以模塊尺寸不同，可以自行設(shè)置表格及字體尺寸和顏色的。 2. 在你的博客主頁建一個(gè)空白模塊，將此代碼復(fù)制過去，即可將此模塊搬家到你的主頁中。歡迎引用！ 3. 這里是主頁代碼的一部分，更多代碼參見我博客日志的“主頁代碼專區(qū)”。
更多模塊代碼見我“所有日志”中的“主頁模塊代碼專區(qū)”
效果如下：（見我博客主頁）
代碼如下： <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>快速使你博客點(diǎn)擊猛增</A></TD> 注：1. 代碼中“<TABLE borderColor=#ff9999 height=0 cellSpacing=0 cellPadding=0 width=460 align=center border=1> 是設(shè)置表格及字體尺寸和顏色的，主頁風(fēng)格不同所以模塊尺寸不同，可以自行設(shè)置表格及字體尺寸和顏色的。 2. 在你的博客主頁建一個(gè)空白模塊，將此代碼復(fù)制過去，即可將此模塊搬家到你的主頁中。歡迎引用！ 3. 這里是我“博客教程”中的一部分，其他部分請見我的博客日志的“博客教程” 4.bgColor=#f5f5f5語句是填充表格顏色的,刪除這個(gè)語句表格就是透明的了.
如何貼背景圖案（文字與圖片居中）: <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格式（隨機(jī)播放）： （非自動(dòng)播放）:
上下滾動(dòng)特效代碼: <DIV align=center> <MARQUEE onmouseout=scrollAmount=2 scrollAmount=2 direction=up width=300 height=260> <P><P align=center>*文字內(nèi)容園*</A> <P></P></MARQUEE></DIV> 注：direction后面就滾動(dòng)的方向，也可是down，left，right。 html基礎(chǔ)知識(shí)，忘了代碼的來看
1)貼圖：<img src="圖片地址">
2)加入連接：<a href="所要連接的相關(guān)地址">寫上你想寫的字</a> 3)在新窗口打開連接：<a href="相關(guān)地址" target="_blank">寫上要寫的字</a> 4)移動(dòng)字體(走馬燈)：<marquee>寫上你想寫的字</marquee> 5)字體加粗：<b>寫上你想寫的字</b> 6)字體斜體：<i>寫上你想寫的字</i> 7)字體下劃線: <u>寫上你想寫的字</u> 8)字體刪除線: <s>寫上你想寫的字</s>
9)字體加大: <big>寫上你想寫的字</big>
10)字體控制大?。?lt;h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大，h5最小) 11)更改字體顏色：<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進(jìn)制)之間 12)消除連接的下劃線：<a href="相關(guān)地址" 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)固定帖子背景不隨滾動(dòng)條滾動(dòng)：<body background="背景圖片地址" body bgproperties=fixed> 21)定制帖子背景顏色：<body bgcolor="#value">(value值見10) 22)帖子背景音樂：<bgsound="背景音樂地址" loop=infinite> 23)貼網(wǎng)頁：<iframe src="相關(guān)地址" width="寬度" height="高度"></iframe> 文本：
<font></font>：
這是改變文字大小、字形、顏色最常用的標(biāo)記 例子：<font face="楷體_gb2312"
字體上標(biāo) 例子：<sup>上標(biāo)</sup> 效果：上標(biāo)
<sub></sub> 字體下標(biāo) 例子：<sup>下標(biāo)</sup> 效果：下標(biāo)
<strike></strike> 刪除線
例子：<strike>刪除線</strike> 效果： ◆鏈接：
<a></a>
１、鏈接標(biāo)記，使一段文字或圖片變成打開另一個(gè)網(wǎng)頁或其它什么東西的鏈接 例子：<a href="http://zxonly./"
target="_self" target="_blank" 或 target="new" target="框架頁名稱" 或"window_name"
2、想做一個(gè)返回頁面最頂端的鏈接是不用事先定義錨點(diǎn)的，用#top這個(gè)值就可以了
也可以用圖片做鏈接：
例子：點(diǎn)我-〉<a href="http://zxonly./"><img src="http://image9.360doc.com/DownloadImg/2010/04/1906/2914117_1.gif"></a> 效果：點(diǎn)我-〉  ◆圖形： <img> 圖形標(biāo)記，貼圖用的，也可以用來貼影視文件，這個(gè)標(biāo)記也是不用加結(jié)束標(biāo)記的 例子：<img src="xxx.jpg" width=50 height=100 border=3 alt="這個(gè)不是紅叉">
◆多媒體：
<bgsound>
插入背景音樂的語句，bgsound 的參數(shù)比較簡單，也不用結(jié)束標(biāo)記的，不過現(xiàn)在黑馬論壇里亂貼背景音樂是會(huì)被殺的，所以建議大家少用為妙，如果實(shí)在有什么絕世天音非要大家聽不可，可以用下面介紹的 <embed> 標(biāo)記來貼，而且記得要設(shè)成不自動(dòng)播放，要不然咱們的管管就會(huì)很熱情地招待你的
例子：<bgsound src=http://zxonly2./music/圣斗士冥王篇-blue dream.mid
<embed></embed> 播放多媒體文件的標(biāo)記，支持各種視頻、音頻、flash動(dòng)畫的播放，這個(gè)標(biāo)記的參數(shù)有很多，在此就只介紹一些常用的吧： <embed src="多媒體文件地址"
◆其他：
<body>
本來<body>是用于網(wǎng)頁正文的開始，一個(gè)網(wǎng)頁只要一個(gè)就夠了，不過我們?yōu)榱说玫较胍男Ч?，不得?#8220;非法”的把它拖出來用了，嘿嘿~~~~注意：<body>的設(shè)置會(huì)影響整個(gè)頁面，請小心使用 <body text="#000000"
◆css濾鏡： css即層疊樣式表，功能強(qiáng)大，運(yùn)用得好的話可以做出很多絢麗效果。部分無參數(shù)濾鏡已經(jīng)在圖形那里介紹了，這里就不再重復(fù)了，網(wǎng)頁中加入css的方法有很多種，這里為求方便-_-就只介紹使用ｓｔｙｌｅ參數(shù)直接加在部分標(biāo)記里的方法
此濾鏡可以使文字或圖像產(chǎn)生透明效果（圖形上面已經(jīng)有一個(gè)例子了）
blur濾鏡會(huì)產(chǎn)生類似于ps的涂抹效果，這里是用 標(biāo)記來加入ｓｔｙｌｅ，在ｓｔｙｌｅ里面必須用width或height設(shè)定一個(gè)范圍，否則濾鏡效果將顯示不出來的
{filter:shadow()} 這兩個(gè)濾鏡都是產(chǎn)生陰影效果的，shadow產(chǎn)生的效果類似于blur濾鏡，而dropshadow的效果就像燈照的投影
{filter:wave()} wave濾鏡用于產(chǎn)生扭曲效果
glow濾鏡會(huì)給文字或圖片包一層光暈效果
此濾鏡可以使指定的一種顏色變成透明，這個(gè)濾鏡很簡單，就一個(gè)參數(shù) color就是指定要變成透明的顏色 一、文字標(biāo)記
基本代碼如下： <P align=center><FONT color=#0066ff face=隸書 size=5>插入文字</FONT></P> align=center 表示字體居中，可選值為居右（right）居左（left） color=顏色代碼 face=字體 常用字體為：宋體.黑體.楷體.仿宋.幻緣.新宋體.細(xì)明體等 size=字體大小，這里的最大值為6 取值越大文字就越大 1.字體變化 <font>..........</font> a.字體大小 <font size=#>..........</font> #=1~7；數(shù)字愈大字也愈大 b.指定字型 <font face="字體名稱">..........</font> c.文字顏色 <font color=#rrggbb>..........</font> rr：表紅色（red）色碼 gg：表綠色（green）色碼 bb：表藍(lán)色（blue）色碼 rrggbb也可用6位顏色代碼數(shù)字 2.粗體字 <b>..........</b> 3 字體加粗<STRONG>..........</STRONG>和<b>標(biāo)簽差不多的效果 4.換行（也稱回車） <br> 5.分段標(biāo)記 <p> 文字的對齊方向 <p align="#"> #號(hào)可為 left：表向左對齊（預(yù)設(shè)值） center：表向中對齊 right：表向右對齊 P.S.<p align="#">之后的文字都會(huì)以所設(shè)的對齊方式顯示，直到出現(xiàn)另一個(gè)<p align="#">改變其對齊方向，遇到<hr>或<h#>標(biāo)簽時(shí)會(huì)自動(dòng)設(shè)回預(yù)設(shè)的向左對齊。 6.區(qū)隔標(biāo)記 <DIV> <DIV>稱為區(qū)隔標(biāo)記。作用：設(shè)定字、畫、表格等的擺放位置。 <DIV>應(yīng)用于 Style Sheet（式樣表）方面會(huì)更顯威力，它最終目的是給設(shè)計(jì)者另一種組織 能力，有 Class ; Style ; title ; ID 等屬性。。 以 <DIV align="center"> 為例： align="center" 可選值：center ; left ; right 。決定字、畫、表格等居中、靠左或靠右。 <DIV align="center"> 的作用和居中標(biāo)記 <CENTER>一樣。。 注：其實(shí)常用跟<p>標(biāo)簽的效果差不多，但是功能比<p>相對強(qiáng)一些。。。 7.分隔線 <hr> a.分隔線的粗細(xì) <hr size=點(diǎn)數(shù)> b.分隔線的寬度 <hr size=點(diǎn)數(shù)或百分比> c.分隔線對齊方向 <hr align="#"> #號(hào)可為 left：表向左對齊（預(yù)設(shè)值） center：表向中對齊 right：表向右對齊 d.分隔線的顏色 <hr color=#rrggbb> e.實(shí)心分隔線 <hr noshade> 8.居中對齊 <center>..........</center> 跟<p align="center">........</p>,<DIV align="center">........<DIV>效果基本是一樣的。。。 9.文字移動(dòng)標(biāo)記<MARQUEE>..........</MARQUEE> <marquee 屬性＝屬性值> 滾動(dòng)內(nèi)容 </marquee> 移動(dòng)速度指令是:scrollAmount=# #最小為1，速度為最慢；數(shù)字越大移動(dòng)的越快。 字符移動(dòng)每步的延時(shí):scrolldelay=# 屬性值為數(shù)字， #最小為1， 數(shù)值越大速度越大，反之亦然。 移動(dòng)方向指令是：direction=# up向上、down向下、left向左、right向右。 移動(dòng)方式:behavior 屬性值為scroll：文字單向移動(dòng)，side：移動(dòng)到邊界停止，alternate：到邊界后反向移動(dòng)； align，對齊方式，其屬性值為center，left，right，top, middle, bottom，分別表示居中，左對齊， 右對齊，對齊上沿、中間、下沿； bgcolor，移動(dòng)字符的背景色，屬性值為顏色代碼，可以是rrggbb 16 進(jìn)制數(shù)碼，r=red，g=green， b=blue，也就是色彩中的三原色，也可是預(yù)定義色彩； loop，移動(dòng)字符的循環(huán)次數(shù)，屬性值為數(shù)字，若未指定則循環(huán)不止(infinite)； width及height，文字高度和寬度，以象素為單位，屬性值為數(shù)字； hspace字符左右留白長度，屬性值為數(shù)字； vspace字符上下留白長度，屬性值為數(shù)字； scrollamount字符的移動(dòng)速度，屬性值為數(shù)字，數(shù)值越大速度越大，反之亦然； 如何突破6號(hào)字的大小
我們需要以嵌套方式調(diào)用CSS樣式來定義字體，這種方法可以讓我們最大限度地設(shè)置字號(hào)大小，實(shí)現(xiàn)方法也很簡單，只需在標(biāo)簽里用以下代碼替換純HTML原來的元素即可。請看以下代碼和效果： 簡單 簡單
以上是部分最常用的代碼,HTML代碼還有很多,全都列舉出來會(huì)讓初學(xué)者頭皮發(fā)麻的,因此不想一下子全部列舉.我想在實(shí)際的運(yùn)用中結(jié)合實(shí)例再詳細(xì)講解,大家的印象會(huì)更深,也更容易理解.
以前面的文字移動(dòng)標(biāo)記<MARQUEE>..........</MARQUEE>為例,我們用實(shí)際來講解 在論壇默認(rèn)的編輯狀態(tài)下，我們可以通過UBB語法的move和fly語句讓對象動(dòng)起來，但功能很簡單，只是平行地移動(dòng)。而我們使用HTML的Marquee語句則可以產(chǎn)生更多的移動(dòng)效果：向左、向右、向上、向下。再嵌套使用marquee語句，效果就更加豐富了。 marquee的基本語法：<marquee> ... </marquee> 說明：與大多數(shù)HTML語法元素一樣，它也是成雙出現(xiàn)的，被修飾對象就放在起始符和終止符之間。請看如下例子： <marquee> 新音樂陣線</marquee> 新音樂陣線 瞧，簡單吧？不過，以上例子只是使用了marquee的默認(rèn)用法。我們加入相應(yīng)的參數(shù)，它的移動(dòng)方法就有所不同了。 參數(shù)一：behavior。移動(dòng)方式。值：scroll(循環(huán)移動(dòng))、slide(只移動(dòng)一個(gè)回合)、alternate(來回移動(dòng))。
例：<marquee direction=left behavior=alternate>哈哈，我來回走！</marquee> 哈哈，我來回走！ 參數(shù)二：scrollamount。移動(dòng)速度。值取正整數(shù)。數(shù)值越大，速度越快。例： <marquee scrollamount=25>看，我走多快！</marquee> 看，我走多快！ 參數(shù)三：scrolldelay 延時(shí)。數(shù)值。例： <marquee scrolldelay=1000>我走一走，停一停</marquee> 我走一走，停一停 參數(shù)四：bgcolor 底色。例： <marquee bgcolor=pink>看到了吧？我有底色！</marquee> 看到了吧？我有底色 #=rrggbb 16 進(jìn)制數(shù)碼，或者是下列預(yù)定義色彩： Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 參數(shù)五范圍：width和height。就是移動(dòng)的寬度與高度了。例：
<marquee width=200 height=200 bgcolor=pink direction=down>在我的地盤里移動(dòng)！</marquee> 在我的地盤里移動(dòng)！ 參數(shù)6:外觀(Layout)設(shè)置1.對齊方式(Align) <align=#> #=top, middle, bottom <marquee align=top width=400>我在上面移動(dòng)</marquee> <marquee align=middle width=400>我在中間移動(dòng)</marquee> <marquee align=bottom width=400>我在下面移動(dòng)</marquee> 對齊上沿、中間、下沿。我在上面移動(dòng)對齊上沿 我在中間移動(dòng)對齊中間 我在下面移動(dòng)對齊下沿 參數(shù)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>九斤姜?dú)g迎您</B><IMG alt=""src="圖片地址"></FONT></MARQUEE></P></TD></TR></TBODY></TABLE> 看了這個(gè)實(shí)例大家是否意識(shí)到了什么??呵呵,原來圖片和文字一樣,在代碼<MARQUEE中的變化是完全一樣的包括屬性,所不同的是文字由<FONT>...</FONT>控制,而圖片則由<img>....</img>控制。本例中藍(lán)色部分是邊框的背景圖，綠色部分是定義文字，而玫瑰色當(dāng)然就是移動(dòng)的圖片了。 這些代碼都可以通過改變字體,圖片地址,等等,來為己所用.當(dāng)我們隨后學(xué)了表格的相關(guān)內(nèi)容后,大家就會(huì)對這些代碼一幕了然,慢慢來!!! 圖片的基本格式 1、 HTML的一般圖片格式(不改變大?。?/font> 代碼：<IMG SRC=圖片網(wǎng)址> 舉例：代碼：
<P align=center><IMG SRC=圖片地址></p> 顯示效果(保持原圖一樣）：  補(bǔ)充術(shù)語解釋： 代碼： <P align=center>圖片網(wǎng)址</p>：表示圖片居中。 有縮小和放大功能的圖片格式代碼：
<IMG height=高度 src=圖片網(wǎng)址 width=寬度 ;> 1）縮小圖片 代碼： <IMG height=100 src=圖片地址 ;> 2）放大圖片 代碼： <IMG height=250 src=圖片地址 ;> <IMG> 的一般參數(shù)設(shè)定： 例如 <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 設(shè)定圖片大小，此寬度及高度一般采用 pixels 作單位。通常只設(shè)為圖片的真實(shí) 大小，以免失真，若需要改圖片大小最好使用圖像編輯工具。（改變大小的寬和高與原圖的寬和高要成正比例，圖片最好是改小不改大，以免失真。） hspace=5 vspace=5 設(shè)定圖片邊沿空白，以免文字或其它圖片貼近。hspace 是設(shè)定圖片左右的空間，vspace 是設(shè)定圖片上下的空間，高度采用 pixels 作單位。 border=2 圖片邊框厚度 align="top" 調(diào)整圖片旁邊文字的位置，你可以控制文字出現(xiàn)在圖片的偏上方、中間、底部、 左右等，可選值：top, middle, bottom, left, right，內(nèi)定為 botom。Netscape 還支持 texttop, baseline, absmiddle, absbottom， texttop 表示圖片和文字依頂線對齊， baseline 表示圖片對齊到目前文字行底線值， absmiddle 表示圖片對齊到目前文字行絕對中央， absbottom 表示圖片對齊到目前文字行絕對底部，（絕對底部是指它考慮到比如 y 、g、q 等字的下邊）。 alt="Logo of PenPal Garden" 這是用以描述該圖形的文字，若使用文字瀏覽器，由于不支持圖片，這些文字 將會(huì)代替圖片被顯示。若支持圖片的瀏覽器，當(dāng)鼠標(biāo)移至圖片上該文字也會(huì)顯示。 lowsrc="pre_logo.gif" 設(shè)定先顯示低解析度的圖片，若加入的是一張很大的圖片，下載要很長的時(shí)間，這張低解析度的圖片會(huì)先被顯示以免瀏覽者失去興趣，通常是原圖的黑白版本。 例如 <IMG height=150 alt="Logo of PenPals Garden" hspace=5 src=圖片地址 width=150 align=top lowsrc=pre_logo.gif vspace=5 border=8> |
|
|
