html學(xué)習(xí).ppt

1、建立列表,列表的標(biāo)記 列表的分類： 有序列表：用項(xiàng)目符號標(biāo)記無序的項(xiàng)目，有序指的是按照數(shù)字或字母等順序排列列表項(xiàng)目 無序列表：使用編號來記錄項(xiàng)目的順序，無序指的是以 等開頭的，沒有順序的列表項(xiàng)目 主要標(biāo)記： 無序列表 有序列表 定義列表 定義列表的標(biāo)記 列表項(xiàng)目的標(biāo)記,有序列表,基本語法： 項(xiàng)目一 項(xiàng)目二 項(xiàng)目三 在有序列表中，作為有序的聲明，使用作為每一個項(xiàng)目的起始。 舉例： 建立有序列表, 圖像設(shè)計軟件 Photoshop Illustrator Freehand CoreDraw ,有序列表的類型屬性TYPE 其中value的取值如下：,有序列表的起始屬性START： 在默認(rèn)情況下，有序

2、列表從數(shù)字1開始計數(shù)，這個起始值通過Start屬性可以調(diào)整 無序列表 無序列表標(biāo)記 定義列表標(biāo)記:定義列表是一種兩個層次的列表，用于解釋名詞的定義，名詞為第一層次，解釋為第二層次，并且不包含項(xiàng)目符號。 基本語法： 名詞一解釋一 名詞二解釋二 ,在定義列表中，一個標(biāo)記下可以有多個標(biāo)記作為名詞的解釋和說明，以實(shí)現(xiàn)定義列表的嵌套 例如： 定義列表嵌套 圖像設(shè)計軟件 Photoshop,Adobe公司出品 圖像處理軟件 Illustrator Adobe公司出品 矢量繪圖軟件 Freehand Macromedia公司出品 矢量繪圖軟件 ,無序列表和有序列表的嵌套,重復(fù)使用和標(biāo)記可以組合出嵌套列表,建

3、立超鏈接,鏈接標(biāo)記 鏈接標(biāo)記的屬性：,絕對路徑：為文件提供完全的路徑，包括使用的協(xié)議，如http,ftp,rtsp等。常見的有： 相對路徑：適合網(wǎng)站的內(nèi)部鏈接。 使用方法： 1.如果鏈接到同一目錄下，則只需輸入要鏈接文檔的名稱 2.要鏈接到下一級目錄中的文件，只需先輸入目錄名，然后加“/”，再輸入目錄名、文件名。 3.如果鏈接到上一級目錄中的文件，則先輸入“./”,再輸入目錄名、文件名 內(nèi)部鏈接：在同一網(wǎng)站內(nèi)部，不同的HTML頁面之間的鏈接關(guān)系 基本語法：鏈接文字 其中File_name為要鏈接文件的路徑,設(shè)定鏈接的目標(biāo)窗口：,Bookmark_name是

4、剛剛定義的書簽名稱 3.鏈接到其他頁面中的書簽： 文字鏈接 外部鏈接：跳轉(zhuǎn)到當(dāng)前網(wǎng)站外部，一般情況書寫絕對地址 鏈接到外部網(wǎng)站：文字鏈接 發(fā)送E-mail： 作者的郵箱 鏈接FTP：文字鏈接 ftp:/后面寫FTP主機(jī)的地址 鏈接Telnet:一臺計算機(jī)遠(yuǎn)程登錄到另一臺計算機(jī)上 下載文件：文件鏈接 FILE_URL代表文件所在的路徑，相對路徑 或絕對路徑都可以,其他鏈接： 腳本鏈接：在鏈接語句中，可以通過腳本實(shí)現(xiàn)HTML語言完成不了的能力 文字鏈接 空鏈接：通過#符號實(shí)現(xiàn)空鏈接，單擊鏈接后仍停留在當(dāng)前頁面,插入圖片,插入圖片標(biāo)記 的屬性： 圖像的源文件屬性SRC: file_name為要插入的

5、圖片的路徑 圖像的提示文字屬性ALT: 當(dāng)瀏覽網(wǎng)頁時，如果圖像下載完成，鼠標(biāo)放在該圖像上旁邊會出現(xiàn)提示文字 如果圖像沒有被下載，在圖像的位置上會顯示提示文字 基本語法： 圖像的寬度和高度屬性WIDTH HEIGHT 圖像的邊框?qū)傩訠ORDER：為圖像添加邊框線,圖像的垂直間距屬性VSPACE 用來調(diào)整圖像和文字之間的上下距離。 圖像的水平間距屬性HSPACE 用來調(diào)整圖像和文字之間的左右距離。 圖像的排列屬性ALIGN：,利用標(biāo)記插入AVI文件 其中屬性loop設(shè)定avi文件循環(huán)次數(shù) Loopdelay循環(huán)延遲 Start設(shè)定文件播放方式：fileopen(網(wǎng)頁打開時播放） mouseover

6、(鼠標(biāo)滑動到avi文件上方后播放） 圖片的超鏈接： 圖像映射： 一張圖片擁有多個超鏈接，一幅圖像分成不同區(qū)域，每一個區(qū)域可以鏈接到不同的地址,圖像映射的標(biāo)記說明： Usemap 定義映射圖像的名稱 定義區(qū)域?qū)傩裕?shape定義圖像映射區(qū)域的形狀（rect circle poly) href設(shè)定不同區(qū)域的鏈接地址 Alt 設(shè)定替代文字 coords設(shè)定區(qū)域坐標(biāo),使用表格,表格的用途很廣，可以用來顯示表格型數(shù)據(jù)圖片等，也可以用來布局。 定義表格 行標(biāo)記 單元格標(biāo)記,表格的其它常用屬性,width 表格寬度 height 表格高度 align 表格在頁面的水平擺放位置。可選值為：left,cent

7、er,right. background 表格的背景圖片 bgcolor 表格的底色 border 表格邊框的寬度 cellspacing 單元格之間的間距 cellpadding 單元格內(nèi)容與邊框之間的距離 colspan和rowspan來合并單元格和拆分單元格，靈活設(shè)置表格，使表格的每一行和每一列都有所不同 colspan=“5” 該單元格跨越的列數(shù) rowspan=“4”該單元格跨越的行數(shù),frame表格的邊框樣式屬性 rules表格的內(nèi)部邊框樣式屬性 表格的標(biāo)題： 表格的表頭： 表格的結(jié)構(gòu)標(biāo)記： 表格嵌套,建立表單頁面,網(wǎng)頁中的表單可以用來收集用戶填寫的信息，是HTML頁面與瀏覽器實(shí)現(xiàn)

8、交互的重要手段。 定義表單 Form的屬性： name表單的名稱； method定義表單結(jié)果從瀏覽器傳送到服務(wù)器的方法：get(將表單內(nèi)容附加到URL地址后面）；post（將用戶在表單中填寫的數(shù)據(jù)包含在表單的主體中 action定義表單處理程序的位置 enctype設(shè)置表單資料的編碼方式 target設(shè)置返回信息的顯示方式 （_blank ,_parent,_self,_top）,輸入標(biāo)記 其中#代碼可選項(xiàng)，text、password、checkbox、radio、hidden、submit 和 reset。分別代表：文本、密碼、多選框、單選框、隱藏、提交按鈕和重置按鈕 文字域是用來輸入文本信

9、息的，可以輸入漢字、數(shù)字和字母等，完整語法代碼如下： 屬性：name:文字域名稱 maxlength:文字域的最大輸入字符 size:文字域的寬度 value:文字域的默認(rèn)值,在表單中，單選框是存在多個選項(xiàng)的，當(dāng)從多選項(xiàng)中選擇一個選項(xiàng)中，為了區(qū)別這幾個選項(xiàng)是屬于哪個單選框的時，用屬性 name 表示。如果想指定某個選項(xiàng)處于選中狀態(tài)下時，用 checked 在為 radio 類型里表示選中狀態(tài)。 復(fù)選框是可以選多個選項(xiàng)的選項(xiàng)框，與單選不同的是復(fù)選框可以選取多個選項(xiàng)，而且也可以默認(rèn)幾個選項(xiàng)都處于選中狀態(tài)，語法與單選相同： ,按鈕,按鈕在表單中是最重要的，當(dāng)輸完表單信息時，需要按鈕提交，當(dāng)輸入錯誤信

10、息時，這時需要清除按鈕更方便。 普通按鈕button：配合javascript腳本進(jìn)行表單處理 提交按鈕submit： 重置按鈕Reset： 圖像域image： 隱藏域hidden： ,菜單和列表標(biāo)記 ,語法： 選 選項(xiàng) 屬性：name菜單和列表的名稱 size顯示選項(xiàng)數(shù)目 multiple列表中的項(xiàng)目多選 value選項(xiàng)值 selected默認(rèn)選項(xiàng),使用框架結(jié)構(gòu),框架的作用是把瀏覽器窗口劃分為若干個區(qū)域，每個區(qū)域可以分別顯示不同的網(wǎng)頁。使用框架可以方便完成導(dǎo)航工作。 框架集標(biāo)記 在一個文檔內(nèi)定義一組框架結(jié)構(gòu)的HTML網(wǎng)頁。定義了在一個窗口中顯示的框架數(shù) 框架尺寸 載入到框架的網(wǎng)頁等 左右分割

11、窗口屬性COLS： 上下分割窗口屬性ROWS: 嵌套分割窗口,框架集邊框?qū)挾葘傩詅ramespacing 框架集邊框顏色屬性bordercolor 框架標(biāo)記:定義框架頁面的內(nèi)容 設(shè)置框架顯示的文件路徑 Name為框架名稱，為單個單詞，允許使用下劃線，但不允許使用連字符，句點(diǎn)和空格。必須以字母開頭，區(qū)分大小寫。 Frameborder框架邊框顯示屬性：value取0，1 Scrolling設(shè)定滾動條是否顯示：yes,no,auto Noresize禁止改變框架的尺寸 marginwidth框架邊緣寬度屬性 marginheight框架邊緣高度屬性,不支持框架標(biāo)記: 當(dāng)瀏覽器不能加載框架文件時，會檢索到該標(biāo)記， 并顯示標(biāo)記中的內(nèi)容。 浮動框架:一種特殊的框架結(jié)構(gòu)，在瀏覽器中可以嵌套子窗口，在其中顯示頁面的內(nèi)容 Align浮動框架對齊屬性：left center right 框架與鏈接： 普通框架與鏈接： 浮動框架與鏈接：,多媒體頁面,滾動文字標(biāo)記 在屬性 marquee 中， left（左）、right（右）、up（上）、down（下）。 滾動方式屬性， scroll（循環(huán)往復(fù)）、slide（只進(jìn)行一次滾動）、alternate（交替進(jìn)行滾動）。 Scrollamount滾動速度屬性 滾動循環(huán)屬性loop： 滾動文字 滾動