『如何用HTML代碼編寫日志』

瀟湘飛魚 2015-11-30

展開全文

如何用HTML代碼寫日志

（騰訊升級后新版代碼編輯模式）

近一段時間來,，一些好友通過對話框和留言,，問我代碼日志是如何編輯的，能否編寫一篇用HTML代碼編輯日志的教材,。為滿足朋友們的要求,，我利用春節(jié)前后的幾個晚上，編寫了這篇《如何用HTML代碼編寫日志》的教材,，供初學(xué)代碼編輯日志的好友們學(xué)習(xí),。說是教材，其實就是華子在代碼日志編輯中的一些心得,、體會而已,，您若是代碼編輯高手就不用看了，但歡迎您提出寶貴意,，呵呵,。

一、代碼編輯日志：

用草稿,、或?qū)懰矫苋罩揪庉嬀?，但，用私密日志編輯比較方便,，即編輯完成后可點擊：右上角的“HTML按鈕”,、下邊的“預(yù)覽”、“發(fā)表私密日志”按鈕以三種形式進行預(yù)覽,，且不受草稿的篇數(shù)限制,，騰訊2011年9月，空間編輯模式升級后仍然保留了舊版編輯模式,，點擊右上角“舊版編輯器”可以轉(zhuǎn)換,，但舊版編輯模式的編輯欄內(nèi)的編輯按鈕比新版的少。

二,、代碼日志的編輯程序：

點擊寫日志（用草稿編輯）或點擊寫私密日志 → 點擊右上角的“高級功能按鈕”→ 再點擊“HTML按鈕” → 見到空白頁左上角顯示“請輸入日志標題”,，寫入日志名稱 → 下邊是白色的帶邊框的空白頁，此時進入HTML代碼編輯模式,。復(fù)制,、粘貼代碼進行編輯，編輯后的預(yù)覽,，見上一條，代碼編輯模式也稱為“高級模式”,，普通日志編輯模式也稱為“普通模式”,。

三、常用編輯代碼：

1、圖片羽化代碼,，此代碼是最為常用的代碼之一,，代碼如下：

代碼中的數(shù)字解釋：100 是圖片的亮度（0~100），3 是羽化的形式,，即：3 是方形圖片,，2 是橢圓形，1 是右邊羽化,，沒有4 ,。670 是圖片的寬度，450 是圖片的高度尺寸,，尺寸可任意調(diào)整,，但要成比例，引號中的圖片代碼四個字,，是你要羽化的圖片的代碼,。再有，代碼中字母的間距,、引號,、括號等不能調(diào)整、刪除,，只有數(shù)字,、文字可以變換（另外，圖片代碼的獲取,，在相冊里選中圖片,，點擊放大，再右鍵點擊,，再點擊屬性,，就會看到圖片的代碼和尺寸，復(fù)制圖片的代碼地址后進行粘貼）,。如果圖片需居中,，點擊“HTML按鈕”，選中圖片,，用編輯欄里的居左,、居右、居中調(diào)整,，也可用鏈接代碼見（三,、3 ），四周羽化后的圖片沒有明顯的邊界并具有透明功能,，但亮度略微降低,。下圖為兩張圖片的方形羽化圖片示意，是由少女圖片和飄落的紅葉兩張圖片疊加而成。

2,、動畫圖片羽化代碼：

代碼中數(shù)字解釋：紅色的數(shù)字550是橫坐標,，1440是縱坐標（如同F(xiàn)lash的編輯）；508是

圖片的高度,，350是圖片的寬度,；紅色的代碼是動畫圖片“女孩倒影”的地址代碼。( 見

右側(cè)示意圖片）

3,、圖片連接代碼：

此代碼是用來調(diào)整上下兩張圖片（兩個代碼）的間距,、上下圖片重疊的尺寸、文字覆蓋圖

片的上下尺寸,、滾動圖片的上下位置尺寸等時用的,。

（1）、相當(dāng)于空格的鏈接代碼：

這是兩個代碼,，功能一樣,，粘貼在兩張圖片代碼的中間，粘貼一次,，相當(dāng)于鼠標插入符向

下調(diào)整一個空格,，依此類推。

（2）,、上下圖片,、文字重疊高度或分開距離鏈接代碼：

這個代碼，放在需調(diào)整的圖片和文字的上邊,，是調(diào)節(jié)下邊圖片,、文字與上邊圖片的重疊尺

寸和調(diào)整本圖片、文字向上或向下的距離,，-600表示向上調(diào)整600尺寸,，去掉- 號表示向下調(diào)整600尺寸，數(shù)字可根據(jù)設(shè)計意圖變換,，相當(dāng)于Flash的縱坐標的尺寸調(diào)整,，這個代碼和羽化代碼 <IMG title=華子編輯 style="FILTER: Alpha(Opacity=100,Style=3); WIDTH: 670 px; HEIGHT: 450px" alt=華子編輯 src="圖片代碼"> 配合使用時，將羽化代碼前紅色的部分取消,，還可以調(diào)整被羽化圖片的橫坐標位置,，具體調(diào)整的方法很簡單，只需調(diào)整上邊的連接代碼數(shù)字250部分即可（數(shù)字250是暫定的,，寫上0時,，圖片靠最左邊）。

4,、編寫文字代碼：

插入文字

代碼解釋：center 表示字體居中,，可選擇居右 right ,，居左 left ,，復(fù)制粘貼即可,，但要刪掉原居中代碼。#0066ff 是字體顏色代碼,，根據(jù)你需要的字體顏色而定,，如：#ff0000(紅色)、 00ff00(綠色),、 0000ff(藍色),、 000000(黑色) 、ffffff(白色) 等等,。代碼中的 face=隸書是字體的代碼,，你需要什么字體，就輸入什么字體的那幾個字,，如：你選擇“黑體”字,，則 face=黑體。size=5 表示字體大小,，如：size=10 size=2 等,。在“插入文字”處寫上文字即可，字體效果如下：

停車坐愛楓林晚霜葉紅于二月花

5,、滾動圖片,、文字代碼：

（1）、多圖水平滾動代碼：

這個代碼是圖片羽化后滾動代碼,，其中的數(shù)字,、圖片代碼地址的獲取見（三、常用編輯代碼：1,、）,。需要幾張圖片滾動，就復(fù)制幾次,，如<MARQUEE><IMG title=華子編輯 style="FILTER: Alpha(Opacity=100,Style=3); WIDTH: 755px; HEIGHT: 500px" alt=華子編輯 src="圖片地址"> <IMG title=華子編輯 style="FILTER: Alpha(Opacity=100,Style=3); WIDTH: 755px; HEIGHT: 500px" alt=華子編輯 src="圖片地址"> </MARQUEE> 這是兩張滾動圖片的,，依此類推。

下圖“古堡麗人”為示意圖,，先將古堡圖片用代碼編輯完畢,，緊接著古堡圖片的代碼下邊，粘接鏈接代碼 在連接代碼下用水平滾動圖片代碼編輯麗人圖片,，-680表示滾動圖片向上覆蓋“古堡麗人”圖片的高度,，其效果圖就是這樣的：

古堡麗人

（2）、多圖水平重疊滾動代碼（百葉窗）：

這是重疊滾動圖片代碼,，不羽化,，紅色的數(shù)字70%表示重疊滾動的幾張圖片的總寬度是空間寬度的70%,，100%將充滿空間的寬度，下邊黃色的代碼是復(fù)制上邊代碼的一部分,，表示兩張圖片重疊滾動,，如三張則復(fù)制三次，依此類推,。要注意的是：重疊滾動圖片與上邊的圖片用代碼連接時,， 中的數(shù)字250 一般為為橫坐標的作用，數(shù)字越小,，越偏向左邊,，-600的數(shù)字當(dāng)然要根據(jù)你的設(shè)計意圖調(diào)整，數(shù)字可大可小,。也可以加上 代碼,，放在上一代碼的上、下邊進行微調(diào),。（下圖為四張圖片重疊滾動效果）

（3）,、文字滾動代碼：

水平滾動文字代碼：<MARQUEE>寫文字</MARQUEE>

這個代碼是水平滾動文字代碼，寫上文字即可,，調(diào)整文字大小,、顏色時，點擊“HTML按鈕”,，按普通編輯日志時的操作即可,。滾動圖片、文字的上下位置的調(diào)整見（三,、常用編輯代碼：3,、），其他代碼（圖片,、文字）上下位置的調(diào)整依此類推,。另外，上邊介紹的是單行,、向左滾動的文字代碼,，對這個代碼稍加改動，就可以變?yōu)槎嘈邢蜃鬂L動的代碼,，具體操作見下列代碼：

這個代碼是向左滾動四行文字的代碼,，和單行滾動代碼的區(qū)別，一看便知,，代碼中 的作用是一個行間距,，兩個行間距則復(fù)制兩次，依此類推,；那么,，多行滾動也是復(fù)制代碼中的寫文字 部分,，粘貼在代碼中第一個“寫文字”的前邊即可。多行滾動文字示意如下圖,。

向上滾動文字代碼：<DIV style="WIDTH: 580px; WRITING-MODE: tb-rl; HEIGHT: 200px" align=center><MARQUEE><DIV style="WRITING-MODE: lr-tb" align=center>寫文字</MARQUEE>

這個代碼是向上滾動的文字代碼,，寫上你要編寫的文字，點擊“HTML按鈕”返回到普通編輯模式,，點擊文字處,，就會出現(xiàn)一個邊框,，在邊框內(nèi)用鼠標插入符按編排文字的方式,，調(diào)整文字的左右上下的位置以及用上部的功能按鈕調(diào)整字體、大小,、顏色,，也可在邊框內(nèi)編寫文字，代碼中的 580是邊框的寬,，200是文字上升的高度,，文字的上下位置的調(diào)整以及覆蓋在圖片上的操作見（三、常用編輯代碼：3,、）鏈接代碼,。

自古逢秋悲寂寥

我言秋日勝春潮

晴空一鶴排云上

便引詩情到碧霄

四、動感影集,、Flash編輯代碼：

1,、不帶橫、縱坐標的代碼：

紅色的代碼（動感影集代碼）是粘貼Flash,、動感影集等代碼的區(qū)域,，數(shù)字900是寬度，870是高度,，你可以復(fù)制粘貼試試,，就會一目了然。

2,、帶橫坐標,、縱坐標的代碼：

紅色的數(shù)字150是橫坐標，500是縱坐標,，625是視頻寬度,，525是視頻高度尺寸，紅色的代碼是視頻代碼,。用這個代碼編輯Flash,，坐標位置很方便調(diào)整。

五,、用邊框形式編輯日志：

1,、純邊框的形式：

此種形式比較簡單,，在代碼編輯日志的狀態(tài)下，將復(fù)制好的邊框代碼拷貝（粘貼）,，點擊“HTML按鈕”,，就會看到邊框，將鼠標插入符點擊到邊框內(nèi),，此時的邊框,，如同信紙的作用。這樣,，在普通編輯日志的狀態(tài)進行編輯,，輸入文字、粘貼圖片等,。這時看到的邊框?qū)嶋H尺寸很小,，當(dāng)你輸入文字和粘貼圖片后，邊框就會隨之變大,，有的也可以在邊框代碼中,，事先調(diào)整好邊框的寬、高,、顏色等,。在邊框中編輯日志，日志上方編輯欄內(nèi)的各項編輯功能均可使用,，如字體大小,、顏色、添加Flash等,。

2,、上下拉文邊框形式：

與純邊框的編輯形式基本相同，編輯后的上下拉文邊框形式新穎,、占用日志空間較少,，大部分的內(nèi)容隱藏于邊框內(nèi)，通過拉動邊框拉鈕來閱讀日志,。上下拉文邊框的尺寸,，可以在普通模式的日志編輯狀態(tài)，點擊邊框四周并將鼠標移到拉框的四角,，可拉伸邊框,，使其尺寸適合你的日志后，在拉文邊框內(nèi)編輯日志即可,。

用以上兩種邊框形式編輯日志時,，如仍用代碼編輯，則也要在代碼編輯日志模式狀態(tài)進行,，其編輯步驟同上述幾節(jié)中的編輯方法,。在純邊框的形式編輯代碼圖片時,，可以將圖片代碼緊貼在純邊框代碼的下邊粘貼，如需調(diào)整圖片在邊框內(nèi)的上下,、左右位置,，可在兩個代碼中間用鏈接代碼調(diào)整。也可以在邊框外,，先將圖片用代碼編輯完,，點擊“HTML按鈕”返回普通模式，看到圖片后,，剪切并粘貼在邊框內(nèi),，此方法更適于上下拉文邊框。

邊框內(nèi)的代碼就是這個上下拉文邊框的代碼,，復(fù)制即可使用,。

<div align=center>
<div style="BORDER-RIGHT: #e78d08 1px solid; BORDER-TOP: #e78d08 1px solid; SCROLLBAR-FACE-COLOR: #f8a52a; OVERFLOW: scroll; BORDER-LEFT: #e78d08 1px solid; WIDTH: 480px; SCROLLBAR-SHADOW-COLOR: #ff0000; COLOR: blue; SCROLLBAR-3DLIGHT-COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #ff0000; SCROLLBAR-TRACK-COLOR: #ff0000; BORDER-BOTTOM: #e78d08 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #a56506; HEIGHT: 124px; SCROLLBAR-: #a56506">
這里輸入文字</div></div>

單圖音畫代碼源：

六、用代碼制作單圖音畫：

1,、單圖音畫顧名思義就是在一張較大的背景圖上，用代碼制作的方式將幾張不同的圖片,，分別放于背景圖片上的不同位置,，共同組成一張多圖的音畫效果的圖片。背景圖片如同存放相片的鏡框,，在鏡框里不同位置放上你心愛的照片,。下圖是用五張圖片組成的“單圖音畫”，是不是有點像用 ps 制作的音畫效果呢,？

2,、單圖音畫（上圖）的制作代碼及流程：

注：為節(jié)省日志篇幅，以上代碼中將圖片的地址代碼省略去了,，如果大家想模擬操作的話,，可以點擊上圖中的各個圖片，看到顯示的圖片以后,，再右鍵點擊這個圖片,，就會看到一個對話框，再點擊對話框最下邊的“屬性”,，看到圖片地址代碼后,，復(fù)制粘貼即可，但是別忘了對號入座,，這樣的練習(xí),，可以幫助你掌握制作的技巧。另外單圖音畫作品的制作代碼源（包括圖片的地址代碼）隱藏于上邊黃色的拉文邊框中播放器的下邊,，你可以復(fù)制后,，在代碼編輯狀態(tài)粘貼,，再點“HTML按鈕”或預(yù)覽，就可看到,，自己調(diào)整其中的相關(guān)數(shù)字,，看看有什么變化，這也是一種練習(xí)的方式,。掌握了單圖音畫的制作技巧,，其實，你就基本學(xué)會了代碼編輯日志,。

以上的四個代碼與上邊幾節(jié)講的圖片羽化代碼有所不同,，第一個代碼是做背景圖片的代碼，為使背景圖片清晰,，此代碼沒有羽化功能,；中間的三個代碼是羽化圖片代碼，不同的是,，代碼中含有橫,、縱坐標的定位代碼，如：LEFT:120px 表示圖片自左側(cè)邊緣向右移動120個尺寸,，數(shù)字越大,，圖片越靠右， TOP:350px 表示圖片自日志的上邊緣向下移動350個尺寸,，數(shù)字越大,，越靠下邊。

再提醒一下：代碼中設(shè)置圖片的尺寸大小用：width= 870（寬度）,、 height= 700（高度） ,。代碼中表示羽化功能的代碼：FILTER: alpha (opacity=100,finishopacity=0,style=2); 前邊已經(jīng)講過它的數(shù)字功能，這里講一下0 的作用,，從0~100可以調(diào)整,，但數(shù)字越大，圖片越失去羽化的功能,，直至不羽化,。紅色的字體可以更改變動，其余的代碼,、符號,、引號及間距等絕不能刪除、或改變,，請大家制做的時候看清楚,，不要遺漏代碼、符號等。

七,、顏色代碼在線查詢器及使用方法：

1,、用鼠標在左側(cè)大框里選位點點，右側(cè)就出現(xiàn)所選的顏色及顏色代碼,。

2,、雙擊代碼下的長方框，選定的顏色即保存在下面的10個小正方框里,。

3,、最下端左側(cè)的第一個按鈕為鼠標點擊選色，第二個按鈕為滑動選色,。

八,、代碼編輯中的幾點說明：

1、代碼編輯后,，或由于文字顏色的調(diào)整,、圖片的對中等原因，原來的代碼中會多了一些代碼符號,，這是代碼編輯程序針對你的調(diào)整自動生成的,，不影響編輯的效果，不用去管它,，多編輯幾次就會分辨出來,。

2、 這個代碼就是上邊說的連接代碼,，還有兩個用途，放在最上邊時,，可以調(diào)整邊框日志的邊框距最上邊的距離,，放在邊框代碼的上邊，調(diào)整尺寸即可,。還可以隱藏qq播放器,，具體操作是這樣的，點擊“HTML按鈕”后的普通模式狀態(tài)下,，插入播放器,，再回到代碼編輯狀態(tài)，找到播放器的代碼（這時播放器自動顯示成代碼）,，將此鏈接代碼置于播放器代碼的下邊,，調(diào)整-600的尺寸（這里-600 是我任意寫的），比如打入-100或-50 等,，再返回或預(yù)覽,，看看播放器是否隱藏了，多調(diào)整幾次，就可達到隱藏的目的,。有些網(wǎng)友喜歡將播放器放在日志的上邊,，這時需將鏈接代碼放在播放器代碼的上邊進行調(diào)整。

3,、日志中的Flash編輯,，可以用上邊提到的專用代碼，也可以在普通編輯模式的狀態(tài)下,，按普通日志插入Flash的操作進行編輯,。

4、日志的正文在普通編輯狀態(tài)下編寫,，如果在兩張圖片之間插入文字,，就要將兩張圖片間的連接代碼前的 - 號去掉，再點“HTML按鈕”,，這時,，上下兩張圖片就會分開，再進行打字即可,。

5,、圖片羽化后會呈透明狀態(tài)，如需重疊,，要考慮哪張圖片放在上邊 ,，重疊后放在上邊的圖片更清楚，文字更要放在圖片的上邊,，否則文字就會不清楚,，在用代碼編輯兩張圖片時，清楚的圖片代碼或文字放在另一張圖片代碼的下邊,，之間用代碼連接,，一般要寫入- 號，數(shù)字根據(jù)重疊的多少而定,。

6,、圖片羽化代碼、動畫圖片羽化代碼可以互換使用,，但這兩個代碼最大的區(qū)別是一個不帶橫,、縱坐標，一個帶有橫,、縱坐標,。

7、編輯日志用的圖片應(yīng)上傳到自己的相冊,，再獲取代碼,，有的網(wǎng)站的圖片代碼可以直接使用,，但也有騰訊不支持的網(wǎng)站，其圖片編輯完成后,，往往不顯示,。

編后： 還有不羽化滾動圖片代碼，向上滾動圖片代碼,，各種文字編輯代碼,、文字和邊框顏色代碼（也可使用上圖顏色查詢器選擇）、各種派生代碼等,，編輯起來都是大同小異,。以上的代碼足以滿足編輯代碼日志的要求，在編輯中不斷摸索,，觸類旁通,，很快就會得心應(yīng)手。不知我所寫的是否清楚,，騰訊2011年9月升級后,，我按新版代碼編輯模式進行了相應(yīng)的修改，文中難免存在問題,，華子愿與朋友們共同交流,、探討。

本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,，所有內(nèi)容均由用戶發(fā)布,，不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購買等信息,，謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,，請點擊一鍵舉報,。

久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

『如何用HTML代碼編寫日志』