html學(xué)習(xí).ppt_第1頁
html學(xué)習(xí).ppt_第2頁
html學(xué)習(xí).ppt_第3頁
html學(xué)習(xí).ppt_第4頁
html學(xué)習(xí).ppt_第5頁
已閱讀5頁,還剩27頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

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: 滾動文字 滾動

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論