|
在網(wǎng)頁和博客中添加代碼
[原創(chuàng):OK之家博客] 一、什么是代碼 平時(shí)所說的代碼就是HTML標(biāo)記。HTML的英文全稱是"Hypertext Markup Language",中文譯為“超文本標(biāo)記語言 ”。“超文本”就是指頁面內(nèi)可以包含圖片，鏈接，甚至音樂，程序等非文字的元素。網(wǎng)頁就是由HTML語言編寫出來的。也就是平常所說的代碼。 HTML標(biāo)記是由括號 < > 所括住的指令所構(gòu)成，由 < 開始標(biāo)記 >和< / 結(jié)束標(biāo)記 >構(gòu)成。如<html>表示這是一個(gè)網(wǎng)頁的開始，</html>表示此網(wǎng)頁到此結(jié)束，在< html >和</ html >之間加上的代碼就是標(biāo)題欄的指令了；<body>表示正文，</body>是正文的結(jié)束；<center>是居中命令，</center>指居中的文字到此結(jié)束； HTML標(biāo)記可用任何文本編輯器或網(wǎng)頁專用編輯軟件來編輯，輸入<html> </html> <body> </body>，然后在<html> </html>之間輸入標(biāo)題欄的代碼，在<body> </body>之間輸入正文內(nèi)容，只要在完成后以 .htm 或 .html 為文件后綴保存就成為一個(gè)網(wǎng)頁了。 二、基本代碼（各種代碼可以任意組合） （一）表格代碼說明： 1、表格代碼： <table border="1" width="100%" > </table> 2、 行：</tr> </tr> 3、列：<td> </td> 4、寬：width="238" 高：height="68" 自行設(shè)計(jì)2行3列的表格： <table border="1" width="100%" height="356"> </tr> <td height="127" width="224"> </td><td height="127" width="50"> </td> <td height="127" width="319"> </td> </tr> </tr> <td height="300" width="224"> </td><td height="300" width="50"> </td> <td height="300" width="319"> </td> </tr> </table> 因?yàn)橥恍械母髁懈叨仁且粯拥?，所以每一行只要寫一個(gè)高度其余的可以省略，變成： <table border="1" width="100%" height="356"> </tr> <td height="127" width="224"> </td><td width="50"> </td> <td width="319"> </td> </tr> </tr> <td height="300" width="224"> </td><td width="50"> </td> <td width="319"> </td> </tr> （二）文字代碼說明（紅色的文字二字是顯現(xiàn)出來的文字內(nèi)容,可以替換） 1、字體： <font face="華文行楷" >文字</font> 2、字號：<font size="7">文字</font> 3、字體顏色：<font color="#FF0000">文字</font> 或者直接寫入顏色的英文單詞，<font color="RED">文字</font> 兩者的效果是一樣的。 總的代碼為： <font color="#FF0000" face="華文行楷" size="7">文字</font> 三、實(shí)戰(zhàn)操作 1、用記事本編輯制作： 我設(shè)計(jì)的標(biāo)題欄比較復(fù)雜，先不去管它，只看正文欄。 打開記事本，輸入自行設(shè)計(jì)2行3列的表格的代碼 <table border="1" width="100%" height="356"> </tr> <td height="127" width="224"> </td><td width="50"> </td> <td width="319"> </td> </tr> </tr> <td height="300" width="224"> </td><td width="50"> </td> <td width="319"> </td> </tr> 最后選擇“文件”/“另存為”，在彈出的對話框中選擇“所有類型”，給文件起一個(gè)擴(kuò)展名為 .htm 的名字存盤。如名叫：index.htm 吧（index代表主頁）。然后雙擊這個(gè)文件，瀏覽器自動(dòng)打開，就能看到你制作的網(wǎng)頁了。正文是一個(gè)插入的表格； 如果輸入 <font color="#FF0000" face="華文行楷" size="7">文字</font> 瀏覽器看到的是紅色的文字二字。 2、用網(wǎng)頁專用編輯軟件編輯 最簡單的網(wǎng)頁編輯軟件是FrontPage 2003。 運(yùn)行FrontPage 2003，在左下角提供設(shè)計(jì)模式、代碼模式和預(yù)覽，
設(shè)計(jì)模式就是所見所得模式，簡單直觀，專為不懂代碼的人使用，點(diǎn)擊代碼，就進(jìn)入代碼編輯模式，二者效果是一樣的。 在FrontPage 2003中的什么位置插入代碼呢，很簡單，只要在設(shè)計(jì)模式下將光標(biāo)插入到準(zhǔn)備插入的地方，再轉(zhuǎn)入代碼模式，光標(biāo)的位置就是要插入代碼的地方。 把剛才的代碼輸入到FrontPage 2003的代碼編輯模式中，預(yù)覽狀態(tài)下的效果與記事本保存的網(wǎng)頁是一樣的。 3、再來看看在博客中添加代碼 各個(gè)博客有所不同，拿網(wǎng)易博客日志舉例說明如下： 1、博客要處于編輯狀態(tài)，點(diǎn)擊寫日志； 2、網(wǎng)易博客也有所見所得和代碼兩種編輯模式。在左下角有如圖按紐
顯示HTML代碼就是代碼編輯模式，而隱藏HTML代碼就是所見所得編輯模式，在顯示HTML代碼編輯模式下，將前面的代碼輸入進(jìn)去，在預(yù)覽狀態(tài)下的效果也是一樣的。 4、下面給你看一個(gè)我的網(wǎng)頁的代碼,效果如下圖
標(biāo)題欄是一個(gè)有跳動(dòng)文字的動(dòng)畫，正文欄是前面講的2行3列的表格，在第2行第2列中顯示紅色的文字二字： <html> <TABLE height=226 cellPadding=10 width=1024 align=center background=http://hiphotos.baidu.com/ok%D6%AE%BC%D2/pic/item/730a793d8751a1ec3c6d97de.jpg border=3 table="0"> <TBODY> <TR> <TD align="left"> <DIV align=center> </B> <p><FONT face=華康海報(bào)體W12(P) color=red size=50>
<MARQUEE direction=up behavior=alternate width=60 height=120>歡</MARQUEE><FONT color=yellow> <MARQUEE direction=up behavior=alternate width=60 height=80>迎</MARQUEE><FONT color=brown> <MARQUEE direction=up behavior=alternate width=60 height=120>光</MARQUEE><FONT color=White> <MARQUEE direction=up behavior=alternate width=60 height=80>臨</MARQUEE><FONT color=blue> <MARQUEE direction=up behavior=alternate width=60 height=120>OK</MARQUEE><FONT color=yellow> <MARQUEE direction=up behavior=alternate width=60 height=80>之</MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width=60 height=120>家</B></MARQUEE></FONT></FONT></FONT></FONT></FONT></FONT></FONT></p> </MARQUEE> </B></CENTER></MARQUEE></MARQUEE></FONT></CENTER> </EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE> </html> <body> <table border="1" width="100%" height="356"> </tr> <td height="127" width="408"> </td><td width="121"> </td> <td width="397"> </td> </tr> </tr> <td height="300" width="408"> </td><td width="121"> <font color="#FF0000" face="華文行楷" size="7">文字</font> </td> <td width="397"> </td> </tr> </body> |
|
|
