標記語言導論Cha.ppt_第1頁
標記語言導論Cha.ppt_第2頁
標記語言導論Cha.ppt_第3頁
標記語言導論Cha.ppt_第4頁
標記語言導論Cha.ppt_第5頁
已閱讀5頁,還剩94頁未讀, 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

第二章 HTML,主要內(nèi)容,第一節(jié) HTML概述 第二節(jié) HTML基本語法 第三節(jié) HTML標簽 第四節(jié) HTML文檔的發(fā)布,第一節(jié) HTML概述,一、What is HTML 二、HTML的特點 三、HTML的發(fā)展歷史 四、HTML與URL 五、HTML字符集 六、HTML字符實體 七、如何編寫HTML文檔,一、What is HTML,是目前網(wǎng)絡(luò)上編寫網(wǎng)頁文檔的主流語言,它是一種簡單的、通用的描述性標記語言,通過其提供的各種標記把在頁面中要顯示的內(nèi)容組織起來形成HTML文件,瀏覽器可以解釋執(zhí)行這些標記,以Web網(wǎng)頁的形式顯示,用以共享網(wǎng)絡(luò)上的信息資源。,二、HTML的特點,獨立于平臺(計算機硬件和操作系統(tǒng))。即文檔可以在具有不同性能的計算機上以相似形式顯示文檔內(nèi)容。這個特性對用戶至關(guān)重要。 超文本。允許文檔中的文字、圖片等鏈接到另一文檔,這個特性將允許用戶在不同計算機中的文檔之間及文檔內(nèi)部漫游。 精確的結(jié)構(gòu)化文檔。該特性將允許某些高級應(yīng)用,如HTML文檔和其他格式文檔間互相轉(zhuǎn)換以及搜索。,三、HTML的發(fā)展歷史,HTML,發(fā)明人是Web之父Tim Berners-Lee,于1989年在CERN(歐洲核子研究中心)研制出來。 用SGML作為HTML的開發(fā)模版。SGML過于繁復(fù),隨著Internet的廣泛應(yīng)用,需要一種易于大眾使用的描述語言,超文本標記語言HTML作為一種DTD,即SGML的一種應(yīng)用應(yīng)運而生。,超文本標記語言在1993年6月作為互聯(lián)網(wǎng)工程工作小組 (IETF)工作草案發(fā)布(并非標準). HTML 2.01995年11月作為RFC 1866發(fā)布,在RFC 2854于2000年6月發(fā)布之后被宣布已經(jīng)過時 HTML 3.21996年1月14日,W3C推薦標準 HTML 4.01997年12月18日,W3C推薦標準 HTML 4.01(微小改進)1999年12月24日,W3C推薦標準 ISO/IEC 15445:2000(“ISO HTML”)2000年5月15日發(fā)布,基于嚴格的HTML 4.01語法,是國際標準化組織和國際電工委員會的標準。 HTML 5公共草案,2008年1月,由W3C(萬維網(wǎng)聯(lián)盟)發(fā)布的。,四、HTML與URL,URL(Uniform Resource Locator,簡稱URL),用于完整描述Internet上網(wǎng)頁和其他資源地址的標識方法,如我們要訪問某個網(wǎng)站,在IE等瀏覽器的地址欄中就輸入URL。Internet上的每個網(wǎng)頁都具有其唯一的URL標識,稱為URL地址,這種地址可以是本地磁盤,也可以是局域網(wǎng)上的某臺計算機,更多的是Internet上的站點。 在URL地址中??吹綆TML的后綴名,就是指這個網(wǎng)頁文件是由HTML語言編寫的。,網(wǎng)址,如:23/exploring/exploring.html,遵守語法規(guī)則:scheme:/host.domain:port/path/filename Scheme 定義因特網(wǎng)服務(wù)的類型。最流行的類型是http。 domain(域)定義因特網(wǎng)域名,上述網(wǎng)址域名。 host(主機)定義此域中的主機。如果被省略,缺省的支持 http 的主機是 www。 :port(端口)定義主機的端口號。端口號通常是被省略的,缺省的端口號是 80。上述網(wǎng)址中的端口為23 path(路徑)定義服務(wù)器上的路徑。如果路徑被省略,資源(文檔)會被定位到網(wǎng)站的根目錄。上述網(wǎng)址的存放目錄為exploring filename(文件名)定義文檔的名稱。缺省文件名是 default.asp 或 index.html,或者依據(jù) WEB 服務(wù)器設(shè)置的其他文件名。上述網(wǎng)址中的文件名稱為exploring.html,path,絕對路徑,如: /news/index.html 相對路徑,如:news/index.html 根路徑,如:/web/news/index.html,絕對路徑包含了標識Internet上的文件所需要的所有信息。包括完整的協(xié)議名稱,主機名稱,文件夾名稱和文件名稱 相對路徑是以當前文件所在路徑為起點,進行相對文件的查找。一個相對的URL不包括協(xié)議和主機地址信息,表示它的路徑與當前文檔的訪問協(xié)議和主機名相同,甚至有相同的目錄路徑。通常只包含文件夾名和文件名。甚至只有文件名??梢杂孟鄬RL指向與源文檔位于同一服務(wù)器或同文件夾中的文件。,根路徑目錄地址同樣可用于創(chuàng)建內(nèi)部鏈接,但大多數(shù)情況下,不建議使用此種鏈接形式。根路徑目錄地址的書寫也很簡單,首先以一個斜杠開頭,代表根目錄,然后書寫文件夾名,最后書寫文件名。如果根目錄要寫盤符,就在盤符后使用“,而不用“:“。 如:/web/highight/shouey.html d/web/highight/shouey.html,相對路徑的用法 相對路徑名 含義 herf=“shouey.html“shouey.html是本地當前路徑下的文件herf=“web/shouey.html“shouey.html是本地當前路徑下稱做“web“子目錄下的文件herf=“/shouey.html“shouey.html是本地當前目錄的上一級子目錄下的文件herf=“/shouey.html“shouey.html是本地當前目錄的上兩級子目錄下的文件,相對路徑VS絕對路徑,使用相對路徑還是絕對路徑?在絕大多數(shù)情況下使用相對路徑比較好,例如,用絕對路徑定義了鏈接,當把文件夾改名或者移動之后,那么所有的鏈接都要失敗,這樣就必須對所有html文件的鏈接進行重新編排,而一旦將此文夾件移到網(wǎng)絡(luò)服務(wù)器上時,需要重新改動的地方就更多了,那是一件很麻煩的事情。而使用相對路徑,不僅在本地機器環(huán)境下適合,就是上傳到網(wǎng)絡(luò)或其他系統(tǒng)下也不需要進行多少更改就能準確鏈接。,五、HTML 文檔字符集 (特殊字符的編碼方式),字符集或稱字集,指文字集合,將固定數(shù)目的文字編序,以方便作通訊、教育、資訊處理等用途。 為了能讓各類字符被使用不同語言制作的計算機系統(tǒng)所理解,提高運算速度,SGML規(guī)定其每一個應(yīng)用(包括HTML),定義它自身的文檔字符集。 一個文檔字符集是一個抽象的字符集和一套整體的字符參考集合,文檔字符集中的字符具有不同的優(yōu)先參考次序。 不同字符集具有不同的編碼方式。,在Web上發(fā)送HTML文檔時,Web服務(wù)器需指出文檔的使用何種字符集(字符解碼方式),以便瀏覽器正確顯示HTML頁面。 HTML允許用戶在文檔頭使用META元素來清晰地告訴用戶代理器運用何種解碼方式。例如,當前文檔使用“big5”(繁體中文解碼)方式,可以在文檔頭使用下面的META聲明:,六、HTML字符實體,一些字符在HTML文檔中擁有特殊含義,比如小于號()用于定義HTML標簽的開始。如果我們希望瀏覽器正確地顯示這些字符,我們必須在HTML代碼中插入字符實體。 字符實體有三部分:符號(” 使用實體名稱而不是實體編號的好處在于,名稱相對來說更容易記憶。而這么做的壞處是,并不是所有的瀏覽器都支持最新的實體名稱,然而幾乎所有瀏覽器都支持實體編號。,SymbolEntityExample Less than “,七、編寫HTML文檔的方法,手工直接編寫:由于HTML語言編寫的文件是標準的ASCII文本文件,可以使用文本編輯器編寫或修改HTML文件,如Windows系統(tǒng)中自帶的記事本。HTML文件的擴展名必須是.htm或者.html,文本編輯軟件沒有提供直接保存成HTML文件類型的功能,可以將文件另存為htm或html的形式。另外,用文本編輯器時,不能直接看到Web頁面的實際效果,要在瀏覽器中才能顯示出HTML代碼的顯示效果。,使用可視化軟件: Microsoft公司的Frontpage、 Macromedio公司的Dreamweaver、 Adobe公司的Golive 這類軟件可以實現(xiàn)編寫代碼時所見即所得的顯示效果(wygiwys: what you get is what you see)。 由Web服務(wù)器動態(tài)生成:這需要進行后端的網(wǎng)頁編程來實現(xiàn),如ASP、PHP等,一般情況下都需要數(shù)據(jù)庫的配合。,第二節(jié) HTML基本語法,一、HTML文檔的全局結(jié)構(gòu) 二、HTML文檔的元素和標簽 三、HTML注釋,一、HTML文檔全局結(jié)構(gòu), 開始標簽 一個簡單的HTML網(wǎng)頁 頭部標簽 歡迎光臨我的主頁 文件主體 這是我第一次做主頁 結(jié)尾標簽,e,二、元素和標簽,HTML文檔是由一系列的元素和標簽組成,元素名不區(qū)分大小寫。標簽用來規(guī)定元素的屬性和它在文件中的位置。 例如,在Sample2_1.html中,歡迎光臨我的主頁 就是一個HTML元素:由起始標簽開始,內(nèi)容是“歡迎光臨我的主頁”,由終止標簽結(jié)束。 標簽的作用是定義一個顯示為1號字的HTML元素。 瀏覽器不會把這些標簽本身顯示出來,只是按照標簽的要求對標簽之間的內(nèi)容進行解釋和顯示。,標簽是由一些字母組成的,并必須要放在一對尖括號中。HTML文件可支持很多種標簽,不同的標簽代表不同的含義和作用, HTML的標簽分單標簽和成對標簽兩種。 成對標簽是由起始標簽和結(jié)束標簽組成,成對標簽的作用域只作用于這對標簽中內(nèi)容。 單獨標簽的格式,單獨標簽在相應(yīng)的位置插入內(nèi)容就可以了,只有少數(shù)幾個單獨標簽,如、。,大多數(shù)標簽都有其屬性,屬性要寫在始標簽內(nèi),屬性用于進一步改變顯示的效果,為HTML元素提供附加信息。屬性總是以名稱/值對的形式出現(xiàn),如name=“value”。各屬性之間無先后次序,屬性是可選的,屬性也可以省略而采用默認值; 其格式如下: 內(nèi)容 例如:這是我第一次做主頁,使用標簽的注意事項,任何標簽都要用“”括起來。 標簽名與“”號之間不能留有空白字符。 并不是所有的標簽都需要屬性。 屬性只可加于起始標簽中。 不同的標簽可以帶有不同的屬性,屬性要和標簽同時使用。 標記字母大小寫不加區(qū)分,標記中的屬性名和屬性值也不區(qū)分大小寫。,三、HTML注釋,在HTML文檔中可以加入注釋標簽,注釋由開始標簽“”構(gòu)成,這兩個標簽之間的文字被瀏覽器解釋為注釋,是為了編寫者便于查找和記憶有關(guān)的文件內(nèi)容和標識,增加代碼的可讀性,這些注釋內(nèi)容并不會在瀏覽器中顯示出來。 在編寫HTML文檔時,如果希望某段標記不執(zhí)行,可以通過加注釋的方式實現(xiàn),而不用刪除它,當以后想運行時再將注釋去掉就可以了。,第三節(jié) HTML標簽,一、基本結(jié)構(gòu)標簽 二、文本格式標簽 三、列表標簽 四、超鏈接標簽 五、圖像標簽 六、表格標簽 七、表單標簽 八、框架標簽,一、基本結(jié)構(gòu)標簽,HTML文檔要包含以下三對標簽: . 不是必要的,但推薦; . 基本信息(元信息) . 要顯示的內(nèi)容,1.頭標簽,中包含的標簽: .(定義基URL用于頁面的鏈接與引用)、 .(設(shè)置網(wǎng)頁的標題)、 .(在網(wǎng)頁中嵌入除圖片外的多媒體)、 .(當在文檔中聲明使用外接資源(比如CSS)時使用此標簽)、 .(在文檔中聲明樣式時使用此標簽)、 .(在文檔中使用腳本)、 .(為HTML文檔提供額外信息)等。,Title標簽,.標簽代表了HTML文檔的標題,此標簽只能在.標簽內(nèi)出現(xiàn),內(nèi)容通常在瀏覽器的標題欄中顯示,此外,瀏覽器中收藏夾內(nèi)書簽的名稱,從搜索引擎搜索到的內(nèi)容的標簽就是.標簽的內(nèi)容,所以在編寫HTML文檔時應(yīng)注意完善.標簽的內(nèi)容。,Meta標簽,在HTML文檔里,標簽表示用來描述網(wǎng)頁的有關(guān)信息,幾乎所有的網(wǎng)頁,都可以看到類似下面這段代碼: head meta http-equiv=“content-Type“ content=“text/html; charset=gb2312“ /head 在這段代碼中,通過添加標簽的屬性,可以定義有關(guān)頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。,標簽共有兩個屬性,它們分別是http-equiv屬性和name屬性 name屬性 http-equiv屬性 不同的屬性有不同的參數(shù)值,這些參數(shù)值就實現(xiàn)了不同的網(wǎng)頁功能。,name屬性主要用于描述網(wǎng)頁,與之對應(yīng)的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機器人查找信息和分類信息用的。 meta標簽的name屬性語法格式是: meta name=“參數(shù)“ content=“具體的參數(shù)值“ 。,name屬性主要有以下幾種參數(shù): Keywords(關(guān)鍵字):用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么。 例:meta name =“keywords“ content=“science, education,culture,politics,ecnomics,relationships, entertaiment, human“ description(網(wǎng)站內(nèi)容描述):description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容。 例:meta name=“description“ content=“This page is about the meaning of science, education,culture.“ robots(機器人向?qū)?:robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。content的參數(shù)有all,none,index,noindex,follow,nofollow。默認是all。 例:meta name=“robots“ content=“none“ author(作者):標注網(wǎng)頁的作者 例:meta name=“author“ content“root,“,http-equiv相當于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁內(nèi)容,與之對應(yīng)的屬性值為content,content中的內(nèi)容其實就是各個參數(shù)的變量值。語法格式是: meta http-equiv=“參數(shù)“ content=“參數(shù)變量值“ ;,其中http-equiv屬性主要有以下幾種參數(shù): Expires(期限):可以用于設(shè)定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期,必須到服務(wù)器上重新傳輸。 例:meta http-equiv=“expires“ content=“Fri, 12 Jan 2001 18:18:18 GMT“ 必須使用GMT的時間格式。 Pragma(cache模式):禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容。 例:meta http-equiv=“Pragma“ content=“no-cache“ 這樣設(shè)定,訪問者將無法脫機瀏覽。 Refresh(刷新):自動刷新并指向新頁面。 例:meta http-equiv=“Refresh“ content=“2;URL=“ 其中的2是指停留2秒鐘后自動刷新到URL網(wǎng)址。,Set-Cookie(cookie設(shè)定) 例:meta http-equiv=“Set-Cookie“ content=“cookievalue=xxx; expires=Friday12-Jan-2001 18:18:18 GMT; path=/“ 注意:如果網(wǎng)頁過期,那么存盤的cookie將被刪除。必須使用GMT的時間格式。 Window-target(顯示窗口的設(shè)定):強制頁面在當前窗口以獨立頁面顯示。 例:meta http-equiv=“Window-target“ content=“_top“ 用來防止別人在框架里調(diào)用自己的頁面。 content-Type(顯示字符集的設(shè)定) 設(shè)定頁面字符集meta http-equiv=“content-Type“ content=“text/html; charset=gb2312“,2.主體標簽.,.標簽是用來定義HTML文檔主體的標記,即告訴瀏覽器這部分的內(nèi)容是網(wǎng)頁的實際內(nèi)容。在瀏覽器中需要顯示的內(nèi)容對應(yīng)的標記都要加在.標簽中,該標記是HTML文檔中必須使用的標簽,網(wǎng)頁的整體風格是通過.標簽中的屬性來實現(xiàn),,.標簽屬性表,Link設(shè)定頁面默認的連接顏色 Alink設(shè)定鼠標正在單擊時的連接顏色 vlink設(shè)定訪問后連接文字的顏色 background設(shè)定頁面背景圖像 bgcolor設(shè)定頁面背景顏色 leftmargin設(shè)定頁面的左邊距 topmargin設(shè)定頁面的上邊距 bgproperties設(shè)定頁面背景圖像為固定,不隨頁面的滾動而滾動 text設(shè)定頁面文字的顏色,二、文本格式標簽,1. 標題格式標簽 可以使網(wǎng)頁中文字內(nèi)容突出顯示,一般用來突出顯示標題。 標簽是成對出現(xiàn)的,共分為六級, 在.之間的文字就是第一級標題,是最大最粗的標題; .之間的文字是最后一級,是最小最細的標題文字。 利用這些標記,可以定義出不同字號的標題。 每個標題標記所標記的字句將獨占一行且上下留一空白行,即其本身便具備換行功能。Align屬性用于設(shè)置標題的對齊方式,其參數(shù)為 left(左),enter(中),right (右)。 標題標記的格式為: 標題內(nèi)容, 其中n為1、2、3、4、5、6。, 設(shè)定各級標題 一級標題。 二級標題。 三級標題。 四級標題。 五級標題。 六級標題。 ,2 . 字體控制標簽 控制文字的字體、大小和顏色可以使用.標簽,通過設(shè)置屬性來實現(xiàn)。其基本格式為: 文字內(nèi)容,.標簽屬性表,屬性 使用功能默認值 face設(shè)置文字使用的字體 宋體 size設(shè)置文字的大小 3 color設(shè)置文字的顏色 黑色 如果用戶系統(tǒng)中沒有face屬性所指的字體,則將使用默認字體。 size屬性的取值為17,也可以用“+”或“-”來設(shè)定字號的相對值。 color屬性的值為:RGB顏色“#nnnnnn“或顏色的英文名稱, 控制文字的格式 盼望著,盼望著,東風來了,春天腳步近了。 一切都像剛睡醒的樣子,欣欣然張開了眼。山朗潤起來了,水漲起來了,太陽的臉紅起來了。 小草偷偷地從土里鉆出來,嫩嫩的,綠綠的。園子里,田野里,瞧去一大片一大片滿是的。坐著,躺著,打兩個滾,踢幾腳球,賽幾趟跑,捉幾回迷藏。風輕悄悄的,草軟綿綿的。 ,有的時候,需要在頁面中使用一些特殊效果的字體,如加粗、斜體、加下劃線等,可以通過以下的標簽加以控制實現(xiàn)。 字體加粗標簽:. 斜體文字:. 下劃線文字:., 字體的物理類型 這些文字是粗體的 這些文字是斜體的 這些文字帶有下劃線 ,3 . 段落標簽 是HTML標簽中最常見的一種符號,它位于各段落起始部位。使用該標簽后,每塊文本段落之間都會空出一行。標簽可以單獨使用,也可以成對使用。單獨使用時,下一個的開始就意味著上一個的結(jié)束。良好的習慣是成對使用。 Align是標簽的常用屬性,用于指定段落的水平對齊方式,該屬性有三個參數(shù)left,center,right。這三個參數(shù)設(shè)置段落文字的左,中,右位置的對齊方式。, 測試分段控制標簽 花兒什么也沒有。它們只有凋謝在風中的輕微、凄楚而又無奈的吟怨, 就像那受到了致命傷害的秋雁,悲哀無助地發(fā)出一聲聲垂死的鳴叫。 或許,這便是花兒那短暫一生最凄涼、最傷感的歸宿。 而美麗苦短的花期 卻是那最后悲傷的秋風挽歌中的瞬間插曲。 ,4. 換行標簽 是個單標簽,也叫空標簽,無任何屬性參數(shù),在HTML文檔中的任何位置只要使用了標簽,當文件顯示在瀏覽器中時,該標簽之后的內(nèi)容將顯示下一行。, 無換行示例 無換行標記:登鸛雀樓 白日依山盡,黃河入海流。欲窮千里目,更上一層樓。 有換行標記:登鸛雀樓白日依山盡,黃河入海流。欲窮千里目,更上一層樓。 ,三、列表標簽,在HTML文檔中,合理的使用列表格式可以起到利用提綱和格式使文本有序排列的作用,列表格式包括有序列表(ordered list )和無序列(unordered list )表格式。 無序列表就是項目各條列間并無順序關(guān)系,只是以列的形式來呈現(xiàn)資料而已,此種無序標簽,在各條列前面均有一特殊符號以示區(qū)隔。 而有序條列就是指各條列之間是有順序的,比如從1、2、3一直延伸下去。,無序列表,使用標簽和列表項單標簽來創(chuàng)建,語法格式如下: 列表項1 列表項2 列表項3 列表項n , 無序列表 默認的無序列表加“實心園“ 默認的無序列表“實心園“ 默認的無序列表“實心園“ 無序列表square加方塊 無序列表square加方塊 無序列表square加方塊 無序列表circle加空心園 無序列表circle加空心園 無序列表circle加空心園 ,有序列表,在各列表項前面顯示數(shù)字或字母的縮排列表,可以使用有序列表標簽.和列表項標記來創(chuàng)建,使用.標簽的結(jié)果是創(chuàng)建帶有前后順序之分編號的列表。如果插入和刪除一個列表項,編號會自動調(diào)整。順序編號的設(shè)置是由.標簽的兩個屬性type和start來完成的。Start的值為編號開始的數(shù)字,如start=2則編號從2開始,如果從1開始可以省略,或是在標簽中設(shè)定value“n“來改變列表行項目的特定編號,例如。Type的值是用于編號的數(shù)字,字母等的類型,如type=a,則編號用英文字母。使用這些屬性時,需要將它們放在或的的初始標簽中。,語法格式如下: 列表項1 列表項2 列表項3 列表項n , 有序列表 默認的有序列表 默認的有序列表 默認的有序列表 第1項 第2項 第3項 第4項 第1項 第2項 第3項 ,四、超鏈接標簽,鏈接(超鏈接)是從一個Web資源到另一個Web資源的連接。雖然概念簡單,實際上它是Web成功的主要動力之一,是Web的靈魂。鏈接有兩個端點(稱為anchors)和一個方向。鏈接始于源anchor而終于目標anchor,anchor可以是任何Web資源,如圖片、音視頻文件、程序、HTML文檔,HTML文檔內(nèi)的元素。通過鏈接可將大量頁面鏈接起來。通過鏈接,我們可享受豐富多彩的多媒體世界。,建立超鏈接的標簽為,語法格式為: 鏈接載體 設(shè)計超鏈接時,要確定以下事項: 鏈接載體(通常是文本或圖像),若為文本,通常稱為錨文本(anchor text); 鏈接目標,它可以是多種資源,如網(wǎng)頁、圖像、文檔、聲音、FTP等; 打開鏈接的窗口; 鏈接顯示的文字(可選項)。,Target屬性,指定打開鏈接的目標窗口,默認原窗口 Target 屬性表 屬性值 描 述 _blank 在新窗口打開 _self 在同一個楨或窗口中打開,這項一般不用設(shè)置 _parent 在上一級窗口中打開,一般使用分楨的框架頁會經(jīng)常使用 _top 在瀏覽器的整個窗口中打開,忽略任何框架, 鏈接到http:/ 絕對路徑鏈接 清 華 大 學 北 京 大 學 上海外國語學院 ,鏈接(超鏈接)是從一個Web資源到另一個Web資源的連接。雖然概念簡單,實際上它是Web成功的主要動力之一,是Web的靈魂。鏈接有兩個端點(稱為anchors)和一個方向。鏈接始于源anchor而終于目標anchor,anchor可以是任何Web資源,如圖片、音視頻文件、程序、HTML文檔,HTML文檔內(nèi)的元素。通過鏈接可將大量頁面鏈接起來。通過鏈接,我們可享受豐富多彩的多媒體世界。,建立超鏈接的標簽為,語法格式為: 鏈接載體 設(shè)計超鏈接時,要確定以下事項: 鏈接載體(通常是文本或圖像),若為文本,通常稱為錨文本(anchor text); 鏈接目標,它可以是多種資源,如網(wǎng)頁、圖像、文檔、聲音、FTP等; 打開鏈接的窗口; 鏈接顯示的文字(可選項)。,五、圖像標簽,使用標簽可以在HTML文檔中加入圖像,該標記為單標記。其語法格式如下: , 設(shè)定圖像與文本之間的距離 秋雨無聲無息地下著。 颯颯的秋風不可一世地橫行在蕭條的郊外。無力與秋風抗爭的枯葉,只能帶著絲絲牽掛,無可奈何地飄離留戀的枝頭。秋蟬哀弱的殘聲逐漸地少了,地上落葉多了 黃昏,我漫步在郊外的林間,想細細地品味秋雨的凄冷。然而,“雨到深秋易作霖,蕭蕭難會此時心”,此時,又有誰能聽我訴說心中的那份情懷呢? ,頁面的背景圖像設(shè)置,在.標簽中設(shè)置background屬性來將圖像設(shè)置為HTML文檔背景,語法格式如下: , 設(shè)置背景圖像 盼望著,盼望著,東風來了,春天腳步近了. ,六、表格標簽,表格是由行和列組成的,而行和列中可以包含一個或多個表格單元(單元格),在表格中可以包含文本,圖像,表單以及其他頁面元素。 在HTML文檔中,表格通過、 , 、標簽實現(xiàn),,.用于定義一個表格開始和結(jié)束 .定義一行標簽,一組行標簽內(nèi)可以建立多組由或標簽所定義的單元格 .定義表頭單元格。表格中的文字將以粗體顯示,在表格中也可以不用此標簽,標簽必須放在標簽內(nèi) .定義單元格標簽,一組標簽將將建立一個單元格,標簽必須放在標簽內(nèi), 第1行中的第1列 第1行中的第2列 第1行中的第3列 第2行中的第1列 第2行中的第2列 第2行中的第3列 返回 ,、, 都有其各自的屬性,可用于豐富顯示效果。,七、表單標簽,表單包含用戶進行交互的各種控件,例如文本框、列表框、復(fù)選框和單選按鈕等,站點訪問者可以通過輸入文本、單擊單選按鈕和復(fù)選框,以及從下拉列表中選擇選項等方式填寫表單,填寫完畢之后選擇送出數(shù)據(jù),站點將收集的用戶數(shù)據(jù)送入制定的表單處理程序,完成數(shù)據(jù)的處理工作。 表單是用戶交互的靈活!,表單標簽的基本結(jié)構(gòu)是:標簽之間加上若干個表單控件元素標記,也即定義表單的開始和結(jié)束位置,在開始和結(jié)束標記之間的一切定義都屬于表單的內(nèi)容。創(chuàng)建表單的語法格式如下: ,可以在表單中添加的以下控件元素: 輸入標記 多行文本框 下拉列表框,輸入標記,只能用在標簽之間,有9種輸入類型,由type屬性加以說明,格式為。此標簽用來定義一個用戶輸入?yún)^(qū),用戶可在其中輸入信息。 預(yù)設(shè)內(nèi)榮 圖像位置 ,多行文本框,標簽用來定義一個可以輸入多行的文本框,他只能用在標簽之間。語法格式如下: 文本區(qū)中的字符串 除過name外,其它屬性都為可選屬性,各屬性的含義如下: Name:指定多行文本框的名稱 Cols:設(shè)定文字區(qū)塊的字符寬度 Rows:設(shè)定文字區(qū)塊的列數(shù),即其高度 Readonly:設(shè)定多行文本框中的內(nèi)容為只讀,列表框,若要讓站點訪問者從列表中進行選擇時,可以用標簽來創(chuàng)建一個可以復(fù)選的列表或者下拉列表,此標簽用于之間,

溫馨提示

  • 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)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論