標籤：

《HTML代碼學習小結》

06-19
《HTML代碼學習小結》——青雲學習筆記（2）2010-01-13 13:21:31|分類：HTML代碼 |標籤：html代碼 |舉報 |字型大小訂閱音畫貼基本代碼匯總—青雲學習筆記（2）—供初學HTML代碼的朋友參考 *HTML代碼是標籤語言．一張音畫貼，是用若干條表格、文字、圖片、定位、移動和鏈接等HTML標籤編輯而成的，因此，學習HTML代碼就要學會使用HTML標籤．*一條標籤可以只有一個指令：例如定位標籤（<CENTER>我是居中標籤．</CENTER>）*一條標籤也可以有多條指令，除標籤名稱外還要有各項屬性內容與屬值等多個語句，例如文字標籤應有字體、字型大小和顏色等指令；表格標籤應有寬度、高度、背景、邊線厚度和邊線顏色等等指令音畫貼基本表格首標籤代碼：<DIV id=table1 style="LEFT: 0px; WIDTH: 700px; POSITION:relative; TOP:0px">全屏音畫帖表格首標籤代碼：<TABLE class=" FCK__ShowTableBorders" style="LEFT: -260px; WIDTH: 1000px; POSITION: relative; TOP:0px" cellSpacing=0 cellPadding=10 ><TBODY><TR><TD >說明：* <DIV> 區隔標記。設定字、畫、表格等的擺放位置。* <TABLE> 表格標記。設定該表格的各項參數。* id=table1或 class=" FCK__ShowTableBorders" 網頁的相對樣式標籤。* LEFT: -260px; 定位網頁整體的左右位置，俗稱為橫坐標。給出的數值越小，它越向左偏移，給出的數值越大它就越往右移動 。* WIDTH: 1000px； 表示整體網頁的展示寬度，因為我們通常情況下電腦屏幕的展示寬度為1024像素，因此目前所製作的圖片最大寬度設置為1000px.* POSITION: relative 表示為設定網頁相對以本文檔面顯示（即相對定位語句）* TOP: 0px 表示為邊框距頂部的距離。通常情況下設置為0。數值給的越大，它越往下移動。* cellspacing="0" 圖框內細線與邊框的距離* cellpadding="10" 單元格襯距，就是插入內容與單元格間距細線的距離放背景圖片首標籤代碼：<TABLE class=" FCK__ShowTableBorders" height=高度 width_=寬度 background=圖片地址 border=0><TBODY><TR><TD>說明：* border=0表示邊框粗度0個點。* 如果背景圖片比表格小，圖片會在表格內被自動複製，以充滿表格。不想圖片自動複製，可以在<Table>語句中再加一個屬性。語句如下： <TABLE height=表格高度 width_=表格寬度 background=背景圖片網址 style="background-repeat:no-repeat">* 如只想用背景顏色，則<Table>語句變為：<TABLE height=表格高度 width_=表格寬度 bgcolor=背景顏色代碼或名稱>文字標籤基本代碼：<font face=隸書 size=6 color=#FF0000>海上青雲</font>說明：* <font 這條標籤名稱是文字．* <face= 屬值，常用字體．* size=屬值1-7或套用樣式表style=font:屬值1-100pt 或更大． * color=#FF0000 字的顏色．貼圖標籤的基本代碼：<img src="圖片地址">

圖片大小可調的貼圖代碼：<INPUT src="圖片地址" type=image width_=圖片寬度>圖片加邊框、圖片大小可調的貼圖代碼：<img src="圖片地址" type=image width_=圖片寬度 border=圖片加邊框的邊框寬度>

說明：* <img src="圖片地址"> 這是貼圖標籤，圖片地址必須是從網路上取來有效的文件地址。* <INPUT> 用圖片大小可調的貼圖標籤絕對定位插入FLASH的標籤代碼：<EMBED style="Z-INDEX: 3; LEFT: 離帖子左邊的距離px; WIDTH: 寬度px; POSITION: absolute; TOP: 離帖子頂端的距離px; HEIGHT: 高度px" align=right src=flash地址 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>說明：* < EMBED style=.......POSITION: absolute> 貼FLAS標籤行內套用樣式表絕對定位語句．關鍵語句。* wmode="transparent" 顯示的屬性為透明* 絕對定位外部掛貼必須設置相對定位標籤,否則插入內容可能在整張網頁的別處顯示。音樂標籤代碼：<EMBED src=音樂地址 width_=500 height=50 type=audio/x-ms-wma volume="50" autostart="true" loop="true"></EMBED>

說明：* width_=500為播放器寬度， height=50為播放器高度，都設為0時，則隱藏播放器．* loop="true"循環播放；loop="loop"播放一遍;volume="n"，n為音量大小。* 如要把播放器放在圖框的外面，必須在代碼的前面加上頭標籤<DIV align=center>和在代碼後面加尾標籤</DIV>尾標籤代碼：這是一類成雙成對的標識符的加斜杠的結束符（我稱它為關門符號）例如：</DIV></EMBED></TD></TR>等等。這類代碼單詞當出現一個後，它的後面在一定的地方一定要有加斜杠的結束符。具體介紹見本文後面的《HTML語言基本代碼識別》中的第一類：成雙成對的標識符。HTML語言基本代碼識別定位代碼：align水平方向屬性定位標籤水平方向align有三種屬值： left （左對齊）， center（居中）， right（右對齊）<p align=left> 左對齊的標籤<p align=center> 居中的標籤<p align=right> 右對齊的標籤垂直方向valign有二種屬值：top（靠頂），bottom（靠底）。<TD align=LEFT valign=top> 居左靠頂<TD align=center valign=top> 居中靠頂<TD align=right valign=top> 居右靠頂<TD align=LEFT valign=bottom> 居左靠底<TD align=center valign=bottom> 居中靠底<TD align=right valign=tbottom> 居右靠底第一類：成雙成對的標識符：這類代碼單詞當出現一個後，它的後面在一定的地方一定要有加斜杠的結束符，如：<DIV>表格開始，</DIV>表格結束<table>表格開始，</table>表格結束<body>表體開始</body>表體結束<tr>表格的一行開始,(可簡單理解為橫向)</tr>表格的一行結束<td>一行中填充開始,(可簡單理解為縱向)</td>填充結束<p>~</p>創建一個段落及段落結束<font>文字修飾開始</font>文字修飾結束<center>~</center>居中開始與結束第二類：不是成雙成對的，它只是表示某種屬性，在代碼中巧妙運用，會收到意想不到效果呢。如：borderColor= 表格邊框的顏色bgColor= 大背景顏色代碼cellSpacing=邊框與內置邊框的寬度cellPadding=文本與表格框的距離border=表格邊框的粗細width_=表格寬度,用數字或用"100%"百分比height=表格高度,用法同上.align=center內容居中位置 改變center為left，則表示內容是左對齊，……background= 作為背景圖片的地址borderColorDark=邊框背光顏色borderColorLight=邊框向光顏色上面代碼單詞並不是在每個貼子代碼中都要用，可以根據需要進行運用。第三類：是最簡單的代碼，不需要成對，也不需要數字選擇，直接輸入代碼就行，如：<hr>表示是在Html文檔中加入一條水平線<br>表示創建一個回車換行.它沒有結束標誌.附件：HTML編輯瀏覽器網頁顏色代碼選擇器為了讓更多朋友學用html代碼製作音畫貼，我根據自己的學習體會編製了這個帖子。在這裡要特別感謝我不相識的「遊子」老師，是他的代碼教學全集讓我學到了這些知識。朋友們在學習和傳閱時請不要忘記了「遊子」老師的名字。謝謝！閱讀(5)| 評論(0)|喜歡 推薦 轉載《HTML代碼學習小結》——青雲學習筆記（1）【音畫】故鄉關閉 玩LOFTR，免費沖印20張照片，人人有獎！我要搶>評論
推薦閱讀：

※左欄書架製作代碼
※和春天老師交流代碼應用
※多圖片滾動技巧和代碼
※你若眼熟，真的純屬巧合。

TAG:學習 | 代碼 | HTML |