DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 網易博客中用到的簡單網頁代碼
網易博客中用到的簡單網頁代碼
編輯:HTML和Xhtml     

代碼在網易博客中的用法:首先登錄博客--- 點擊博客主頁左上方的綠箭頭---裝扮博客----設置首頁內容----添加自定義模塊---這時窗口就會打開,代碼就是在這裡寫的。把你復制的代碼粘貼在這裡,取一個模塊名字確定即可這時就會馬上在上頁的第一行出現,如果你的代碼沒有
代碼在網易博客中的用法:首先登錄博客--- 點擊博客主頁左上方的綠箭頭---裝扮博客----設置首頁內容----添加自定義模塊---這時窗口就會打開,代碼就是在這裡寫的。把你復制的代碼粘貼在這裡,取一個模塊名字確定即可這時就會馬上在上頁的第一行出現,如果你的代碼沒有語法錯誤的話,然後你把模塊拖到放在你想要的地方就行,然後別忘記點上保存。
一、超級鏈接
1、普通的超級鏈接(一點鏈接就從一個網頁轉到另一個網頁)
<a href= "地址" target=_blank ><font size="3" color="#D9D919"> 顯示的名字</font></a> <br>
解釋:
地址:你要寫上你要轉到的目標,一定不要忘了半角引號。
target=_blank :為在新的窗口中打開
size="寫號"
color="字體顏色" #D9D919為黃色
<br> 使用多行時換行命令
常用字體顏色代碼如下:
1白色 #FFFFFF 2 紅色 #FF0000 3 綠色 #00FF00
4 藍色 #0000FF 5 牡丹紅 #FF00FF 6 青色 #00FFFF
7 黃色 #FFFF00 8 黑色 #000000 9 海藍 #70DB93
10 巧克力色 #5C3317 11 藍紫色 #9F5F9F 12 黃銅色 #B5A642
13 亮金色 #D9D919 14 棕色 #A67D3D 15 青銅色 #8C7853
16 2號青銅色 #A67D3D 17 士官服藍色 #5F9F9F 18 冷銅色 #D98719
19 銅色 #B87333 20 珊瑚紅 #FF7F00 21 紫藍色 #42426F
22 深棕 #5C4033 23 深綠 #2F4F2F 24 深銅綠色 #4A766E
25 深橄榄綠 #4F4F2F 26 深蘭花色 #9932CD 27 深紫色 #871F78
28 深石板藍 #6B238E 29 深鉛灰色 #2F4F4F 30 深棕褐色 #97694F
2、圖片的超級鏈接
<P align=center><A href="轉到的地址" target=_blank><IMG alt= 提示文字 src="圖片地址" width="150" height="50" border=0></IMG></A></P> <br>
解釋:網絡圖片地址獲取方法:打開圖片在上面右擊---屬性---就會有圖片地址。
width和height是控制圖片長寬的命令,後的數值可以根據情況改動
<P> </P> 是段落命令,不用時可省。 <br>為換行
二、插入視頻
1、從youku tudou等視頻網轉接的辦法。
如上所說,打開添加自定義模塊 ---插入FLASH----(從youku tudou等網站復制來的代碼)粘貼代碼即可。
2、把自已錄的錄像或本地視頻放到播客裡。
現在大多博客不支持直接把視頻放到博客中,所以我們要想個別的辦法。
我的思路是先到youku 或tudou 網申請空間,把你要的視頻上傳。然後獲取你上傳的視頻的FLAH地址後,可以在自定義模塊的插入來完成。
土豆網申請地址:http://www.tudou.com/my/program/publish.php
上面的辦法一般窗口不居中,也可以用這個 “自定義模塊” 裡輸入下面的代碼:
<center>
<embed allowScriptAccess="never" allowNetworking="internal" src="FLSAH視頻地址" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%" width="100" height="350" autostart="0"></embed>
</center>
解釋: width="100" 和 height="350" 是視頻窗口的大小,數字可以調整。
三、滾動的好友鏈接(這個也是用 自定義模塊 完成)
代碼如下:
<marquee behavior="scroll" direction= right width="90%" height="100" scrollamount="2" scrolldelay="30" >
<a target="cont" href="好友的博客地址"><img src="好友的頭像或照片地址" width="100" height="100" border="0"></a>
&nbsp;&nbsp;&nbsp;
</marquee>
解釋: 代碼由四個段組成,如果有多個好友請把第一段重得用即可,如果頭像之間留一些距離請在第二段代碼後用 &nbsp; 空格代碼。
direction= right 中的right 可以換成(left 從右往左)、(right 從左往右)、(up從下往上)、(從上往下down)
多個好友的鏈接如上所說以下:
<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" >
<a target="cont" href="好友的博客地址1"><img src="好友的頭像或照片地址1" width="100" height="100" border="0"></a>
&nbsp;&nbsp;&nbsp;
<a target="cont" href="好友的博客地址2"><img src="好友的頭像或照片地址2" width="100" height="100" border="0"></a>
&nbsp;&nbsp;&nbsp;
<a target="cont" href="好友的博客地址n"><img src="好友的頭像或照片地址n" width="100" height="100" border="0"></a>
</marquee>
看完了別忘了留言
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved