第2章-ASP網(wǎng)頁框架語言-HTMLppt課件(全)_第1頁
第2章-ASP網(wǎng)頁框架語言-HTMLppt課件(全)_第2頁
第2章-ASP網(wǎng)頁框架語言-HTMLppt課件(全)_第3頁
第2章-ASP網(wǎng)頁框架語言-HTMLppt課件(全)_第4頁
第2章-ASP網(wǎng)頁框架語言-HTMLppt課件(全)_第5頁
已閱讀5頁，還剩34頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

教材第02章ASP網(wǎng)頁框架語言——HTMLHTML(超文本標記語言)是制作ASP網(wǎng)頁的基礎(chǔ)。HTML標記是HTML的核心與基礎(chǔ)，用于修飾、設(shè)置HTML文件的內(nèi)容及格式。一個HTML文件中包含了所有將顯示在網(wǎng)頁上的文字信息。其中也包括對瀏覽器的一些指示，如文字應放置在何處，顯示模式如何等。如果還有一些圖片、動畫、聲音或是任何其他形式的資源，HTML文件也會告訴瀏覽器到哪里去查找它們，以及它們將放置在網(wǎng)頁中的什么位置。2.1網(wǎng)頁的基礎(chǔ)知識2.2HTML文檔的基本結(jié)構(gòu)2.3編輯HTML網(wǎng)頁正文2.4建立超鏈接2.5在HTML網(wǎng)頁中插入圖片2.6在HTML網(wǎng)頁中使用列表2.7在HTML網(wǎng)頁中使用表格2.8在HTML網(wǎng)頁中使用表單2.9在HTML網(wǎng)頁中使用框架2.10動態(tài)HTML（DHTML）簡介2.1網(wǎng)頁的基礎(chǔ)知識

主題2.1.1萬維網(wǎng)的概念（WWW）簡單的說，WWW是漫游Internet網(wǎng)的工具，它把Internet上不同地點的相關(guān)信息聚集起來，通過WWW瀏覽器(比如IE，InternetExplorer)檢索，無論用戶所需的信息在什么地方，只要瀏覽器為用戶檢索到之后，就可以將這些信息(文字、圖片、動畫、聲音等)“提取”到用戶的計算機屏幕上。2.1.2超文本傳輸協(xié)議（HTTP）HTTP(HyperTextTransferProtocol)即超文本傳輸協(xié)議，它是WWW服務器上使用的最主要協(xié)議。通過這一跨平臺的通信協(xié)議，在WWW任何平臺上的電腦都可以閱讀遠方服務器(Server)上的同一文件。2.1.3統(tǒng)一資源定位器（URL）URL(UniformResourceLocator)即統(tǒng)一資源定位器，它使用數(shù)字和字母來代表網(wǎng)頁文件在網(wǎng)上的地址。URL好比Internet的門牌號碼，它可以幫助用戶在Internet的信息海洋中查找到所需要的資料。2.1.4超文本標記語言（HTML）HTML標記用于修飾、設(shè)置HTML文件的內(nèi)容及格式。用戶只須輸入文件內(nèi)容和必要的標記，文件內(nèi)容在瀏覽器窗口內(nèi)就會按照標記定義的格式顯示出來。一般情況下，HTML標記使用下列格式：<標記>文件內(nèi)容</標記>

標記須要填寫在一對尖括號“<>”內(nèi)，它們通常是英文單詞的首字母或縮寫。標記一般情況下是成對出現(xiàn)的。結(jié)束標記是在標記的前面添加斜杠“/”。2.2HTML文檔的基本結(jié)構(gòu)

HTML文件通常由3部分組成：即起始標記、網(wǎng)頁標題和文件主體。其中，文件主體是HTML文件的主要部分與核心內(nèi)容，它包括文件所有的實際內(nèi)容與絕大多數(shù)的標記符號。在HTML文本中，有一些固定的標記要放在每一個HTML文件里。HTML文件的總體結(jié)構(gòu)如下所示：<Html><Head>網(wǎng)頁的標題及屬性</Head><Body>文件主體</Body></Html>2.2.1添加起始標記

<Html>標記用于HTML文檔的最前面，用于標識HTML文檔的開始。而</Html>標記恰恰相反，它放在HTML文檔的最后面，用來標識HTML文檔的結(jié)束，兩個標記必須一起使用。通過對這一對特殊標記符號的讀取，瀏覽器才可以判斷目前正在打開的是網(wǎng)頁文件，而不是其他類型的文件。2.2.2設(shè)置網(wǎng)頁標題<Head></Head>標記對構(gòu)成HTML文檔的開頭部分，在此標記對之間可以使用<Title></Title>、<Script></Script>等標記對。這些標記對都是描述HTML文檔相關(guān)信息的標記對，<Head></Head>標記對之間的內(nèi)容不會在瀏覽器的窗口內(nèi)顯示出來，兩個標記必須一起使用。2.2.3輸入文件主體<Body>…</Body>標記對之間的內(nèi)容是HTML文檔的主體部分，在此標記對之間可包含眾多的標記和信息，它們所定義的文本、圖像等將會在瀏覽器的窗口內(nèi)顯示出來，兩個標記必須一起使用。2.2.4HTML文檔中的注釋注釋標記用來在HTML源文件中插入注釋，注釋會被瀏覽器忽略不顯示。用戶可以使用注釋來解釋代碼，例如<!—這是一條注釋信息-->。這些注釋信息可在以后編輯代碼的時候，給用戶提供必要的幫助和提示。2.3編輯HTML網(wǎng)頁正文2.3.1輸入網(wǎng)頁標題一般文章都有標題、副標題、章和節(jié)等結(jié)構(gòu)，HTML中也提供了相應的標題標記<Hn>，其中n為標題的等級。HTML提供6個等級的標題，n越小，標題字號就越大。例如以下代碼：<H1>一級標題</H1><H2>二級標題</H2><P>這是一行沒有設(shè)置標題格式的正文文本</P><H5>五級標題</H5><H6>六級標題</H6>2.3.2劃分正文段落<P>…</P>標記對用來創(chuàng)建一個段落，在此標記對之間加入的文本將按照段落的格式顯示在瀏覽器上。HTML將多個空格以及回車等效為一個空格，HTML的分段完全依賴于分段標記<P>。2.3.3設(shè)置文本格式在HTML文件里，一般都有大量的文本和信息。如要主次分明、重點突出的顯示這些信息，則需要在格式設(shè)定方面使用更多的標記和更詳細的設(shè)置。1.設(shè)置字體和字號2.黑體、斜體和下劃線3.強調(diào)及加重等效果2.4建立超鏈接2.4.1創(chuàng)建外部鏈接一個超鏈接通常由以下3部分構(gòu)成：首先是超鏈接標記<A></A>，表示這是一個鏈接；然后是屬性Href及其值，這就定義了超鏈接所指的目標；最后是在超鏈接中顯示在網(wǎng)頁上作為鏈接的文字。HTML中超鏈接文本的代碼格式如下：<AHref="URL">2.4.2創(chuàng)建內(nèi)部鏈接謂內(nèi)部鏈接就是網(wǎng)頁中的書簽。在內(nèi)容較多的網(wǎng)頁內(nèi)建立內(nèi)部鏈接時，它的鏈接目標不是其他文檔，而是網(wǎng)頁內(nèi)的其他位置。在使用內(nèi)部鏈接之前，須要在網(wǎng)頁內(nèi)確定書簽的位置，并使用<A>標記的Name屬性為書簽命名。內(nèi)部鏈接的一般格式為：<AName="書簽名稱">書簽內(nèi)容</A>2.4.3創(chuàng)建郵件鏈接郵件鏈接可使訪問者在瀏覽頁面時，只須單擊電子郵件鏈接就能夠打開默認的郵件編輯軟件，向指定的地址發(fā)送郵件。電子郵件鏈接的應用格式如下：<AHref="mailto:E-mail地址">郵件鏈接文本</A>以上格式中“E-mail地址”是用戶在Internet上的電子郵件地址，而“郵件鏈接文本”就是訪問者單擊的文本。2.5在HTML網(wǎng)頁中插入圖片2.5.1插入網(wǎng)頁圖片HTML采用的圖像格式有GIF、JPG和PNG3種。在網(wǎng)頁中插入圖像時，須要使用HTML的<Img>標記，其使用格式如下：

<ImgSrc="Picname">以上格式中，Src是Source(源)英文的縮寫，Picname是希望在網(wǎng)頁內(nèi)顯示的圖像的URL。

2.5.2設(shè)置圖片格式與布局

在默認的情況下，將圖像插入到網(wǎng)頁文件之后，它與網(wǎng)頁中的文本是垂直居下對齊的，并且文本出現(xiàn)在圖像的右側(cè)。

2.5.3在網(wǎng)頁中加入水平線使用<Hr>標記可以在網(wǎng)頁中插入一條水平線，它的使用方式如下：<HrAlign=對齊方式Width=x%,Size=n,Noshade>2.6在HTML網(wǎng)頁中使用列表2.6.1使用編號列表當網(wǎng)頁中的某些內(nèi)容存在排序關(guān)系時，可以使用編號列表，以表明這些內(nèi)容是有前后順序的。編號列表的應用格式如下：<Ol><Li>編號列表……</Ol>2.6.2使用符號列表當網(wǎng)頁內(nèi)容出現(xiàn)并列選項時，可采用符號列表。它的標記是<Ul>(它是UnorderedList英文的縮寫)，在每一列表項的開始處須要使用<Li>標記以示區(qū)別。符號列表的使用格式如下：<Ul><Li>符號列表……</Ul>2.6.3自定義列表當網(wǎng)頁內(nèi)出現(xiàn)新詞匯、術(shù)語時，為了給訪問者一個明確的提示，須要對它們進行定義和說明，此進用戶可以使用自定義列表(DefinitionList)。自定義列表標記<Dl>是由一系列的詞語標記<Dt>和定義標記<Dd>組成，通常<Dt>標記與<Dd>標記成對出現(xiàn)在網(wǎng)頁文件內(nèi)，詞語的定義內(nèi)容以首行縮進的方式顯示在瀏覽器窗口。2.6.4定義嵌套列表HTML不僅允許用戶使用單獨的列表，還能夠把不同類型的列表相互嵌套。嵌套的級數(shù)不受限制，這樣就形成復合列表，它意味著第一個列表的內(nèi)容還未結(jié)束時，另一列表就可以開始。例如，在自定義列表內(nèi)，使用編號列表說明具有層次感的列表選項，使用符號列表說明具有并列關(guān)系的列表選項。2.7在HTML網(wǎng)頁中使用表格2.7.1認識表格標記

一個表格由<Table>標記開始，</Table>標記結(jié)束，表格的內(nèi)容由<Tr>標記和<Td>標記定義。<Tr>標記說明表格的一個行，表格有多少行就有多少個<Tr>標記；<Td>標記則設(shè)定一個單元格來填充表格。2.7.2設(shè)置表格的整體屬性<Table></Table>標記對用來創(chuàng)建一個表格。2.7.3設(shè)置表格的單行屬性<Tr></Tr>標記對用來創(chuàng)建表格中的一行，表格有多少行就有多少對<Tr>標記。

2.7.4設(shè)置表格單元格屬性1.普通單元格2.標題單元格3.表格總標題2.8在HTML網(wǎng)頁中使用表單2.8.1認識表單的基本結(jié)構(gòu)網(wǎng)頁內(nèi)的表單由表單標記<Form>定義，使用<Form>標記意味著表單的開始，而</Form>標記符號則意味著表單的結(jié)束。由于表單通常用于收集站點訪問者的信息，因此在表單的內(nèi)部必須出現(xiàn)輸入標記<Input>，用于收集表單數(shù)據(jù)。另一方面，還可將表單數(shù)據(jù)發(fā)送給站點管理員，或者清除表單的內(nèi)容，重新輸入表單。表單標記的基本結(jié)構(gòu)如下所示：<FormAction=URLMethod=get|post>…<InputType=Submit><InputType=reset></Form>2.8.2設(shè)定用戶輸入?yún)^(qū)域表單是一個能夠包含多種不同表單元素的區(qū)域。表單元素能夠讓用戶在表單中輸入信息，有文本框、密碼框、下拉菜單、單選框、復選框等。2.8.3設(shè)定列表框

列表框是用于確定選項內(nèi)容的另一種方式，它包括下拉列表框和滾動列表框兩種，在下拉列表框內(nèi)，只能選擇其中的一個選項；在滾動列表框內(nèi)，則可以選擇其中的多項內(nèi)容。

2.8.4設(shè)定文本框與文件選項<Textarea></Textarea>標記時用來創(chuàng)建一個可以輸入多行文本的文本框，此標記對用于<Form></Form>標記對之間。<Textarea>標記時具有Name、Cols和Rows屬性。Cols和Rows屬性分別用來設(shè)置文本框的列數(shù)和行數(shù)，這里列與行是以字符數(shù)為單位的。如果在表單內(nèi)填寫的內(nèi)容太多，例如個人工作經(jīng)歷等，為了方便訪問者填寫，可在表單內(nèi)添加文件選項。在表單內(nèi)添加文件選項時，用戶可使用<Form>標記的Enctype屬性，以指定文件的數(shù)據(jù)類型，使用該屬性還需要將<Input>標記的Type屬性設(shè)置為File。2.9在HTML網(wǎng)頁中使用框架2.9.1認識框架標記

設(shè)計框架網(wǎng)頁時，<Frame>標記和<Frameset>標記用于定義框架網(wǎng)頁的結(jié)構(gòu)。由于框架網(wǎng)頁的出現(xiàn)，從根本上改變了HTML文檔的傳統(tǒng)結(jié)構(gòu)，因此在出現(xiàn)<Frameset>標記的文檔中，將不再使用<Body>標記，包含框架網(wǎng)頁的HTML文檔的基本結(jié)構(gòu)為：

<Html><Head>…</Head><Frameset>…</Frameset><FrameSrc="URL"></Html>2.9.2確定框架目標在框架網(wǎng)頁內(nèi)的單擊超鏈接之后，鏈接目標就會出現(xiàn)在目標框架內(nèi)。在確定目標框架之前，應該為它命名，通過框架網(wǎng)頁的名稱來確定目標框架的位置，框架網(wǎng)頁的名稱應該注意區(qū)分大小寫。內(nèi)容相同、大小寫不同的框架網(wǎng)頁名稱將被認為是不同的框架網(wǎng)頁。確定目標框架網(wǎng)頁的通用格式如下：

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 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

提交評論