HTML頁面與表格課件_第1頁
HTML頁面與表格課件_第2頁
HTML頁面與表格課件_第3頁
HTML頁面與表格課件_第4頁
HTML頁面與表格課件_第5頁
已閱讀5頁，還剩63頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

第一章HTML頁面與表格第一章HTML頁面與表格課程目標(biāo)HTML文件的結(jié)構(gòu)如何設(shè)置HTML文件的背景色及文本色如何在頁面上添加一個(gè)超鏈接如何在頁面上添加一個(gè)表格如何設(shè)置表格的屬性使學(xué)生能設(shè)計(jì)并實(shí)現(xiàn)下列各種程序通過本章的學(xué)習(xí)要對(duì)HTML文件有初步地了解，并且可以靈活的設(shè)置超鏈接以及表格的屬性課程目標(biāo)HTML文件的結(jié)構(gòu)使學(xué)生能設(shè)計(jì)并實(shí)現(xiàn)下列各種程序2目標(biāo)創(chuàng)建一個(gè)html頁面表格超連接目標(biāo)創(chuàng)建一個(gè)html頁面3體驗(yàn)創(chuàng)建使用超鏈接和表格的HTML頁面本章我們首先創(chuàng)建一個(gè)HTML頁面。在頁面中創(chuàng)建一個(gè)超鏈接，使超鏈接指向另一個(gè)顯示信息的頁面。在顯示信息的頁面中，以表格的形式顯示信息。如圖1-1、1-2所示：體驗(yàn)創(chuàng)建使用超鏈接和表格的HTML頁面4網(wǎng)頁基礎(chǔ)知識(shí)萬維網(wǎng)——WWW(WorldWideWeb)超文本傳送協(xié)議——HTTP(HyperTextTransferProtocol)HTTP協(xié)議用經(jīng)常用在傳送WEB頁網(wǎng)站是由若干個(gè)文件組成！網(wǎng)頁基礎(chǔ)知識(shí)萬維網(wǎng)——WWW(WorldWideWe5網(wǎng)頁基礎(chǔ)知識(shí)統(tǒng)一資源定位器——URL（UniformResourceLocator）URL包括傳送協(xié)議，服務(wù)器名稱、文件的完整路徑例如：/index.html其中http://是傳送協(xié)議是服務(wù)器名稱

index.html是文件的完整路徑服務(wù)器名稱還有其他的叫法，主機(jī)名、域名。一般大眾叫法叫域名.等等代表服務(wù)類型。網(wǎng)頁基礎(chǔ)知識(shí)統(tǒng)一資源定位器——URL6網(wǎng)頁基礎(chǔ)知識(shí)超級(jí)文本標(biāo)記語言——HTML它是WWW上通用的描述語言。HTML語言支持多媒體（即文，圖，聲）HTML以文件形式存放在計(jì)算機(jī)內(nèi)，HTML文件可以通過WWW傳送給世界上所有連接INTERNET上的計(jì)算機(jī)，使其可以瀏覽HTML里的內(nèi)容。網(wǎng)頁基礎(chǔ)知識(shí)超級(jí)文本標(biāo)記語言——HTML7HTMLHTML是HypertextMarkupLanguage（超文本標(biāo)記語言）的縮寫，它是構(gòu)成Web頁面（Page）的主要工具，是用來表示網(wǎng)上信息的符號(hào)標(biāo)記語言。HTML文檔由文本和HTML標(biāo)記組成，通常以.html或者.htm為文本的擴(kuò)展名（如index.htm）。網(wǎng)頁瀏覽器負(fù)責(zé)解釋HTML文檔中的標(biāo)記，并將HTML文檔顯示為網(wǎng)頁。任何有瀏覽器的計(jì)算機(jī)都可以顯示HTML文檔，不論計(jì)算機(jī)上運(yùn)行的是UNIX，Macitionish,還是Windwos操作系統(tǒng)。HTMLHTML是HypertextMarkupLang8HTML功能HTML的功能：

出版在線的文檔，其中包含了標(biāo)題、文本、表格、列表以及照片等內(nèi)容。

通過超鏈接檢索在線的信息。

為獲取遠(yuǎn)程服務(wù)而設(shè)計(jì)表單，可用于檢索信息、定購產(chǎn)品等。

在文檔中直接包含電子表格、視頻剪輯、聲音剪輯以及其他的一些應(yīng)用。HTML功能HTML的功能：

出版在線的文檔，其中包含9HTML和網(wǎng)頁瀏覽器的關(guān)系HTML和網(wǎng)頁瀏覽器的關(guān)系：不同的瀏覽器中網(wǎng)頁的顯示效果可能不同。大多數(shù)瀏覽器不完全支持HTML的所有特性，每一種瀏覽器都可能會(huì)有一些特有的HTML標(biāo)記和屬性，這些標(biāo)記和屬性可能不會(huì)被其他的瀏覽器識(shí)別。這些有軟件公司開發(fā)的標(biāo)記和屬性被稱為HTML擴(kuò)展，而不是標(biāo)記的一部分。HTML和網(wǎng)頁瀏覽器的關(guān)系HTML和網(wǎng)頁瀏覽器的關(guān)系：10超文本標(biāo)記語言——HTMLHTML標(biāo)記基本格式標(biāo)記內(nèi)可以包含一些屬性

<標(biāo)記>文件內(nèi)容</標(biāo)記>

<標(biāo)記名稱屬性1屬性2屬性3……>HTML中的注釋：<!--內(nèi)容-->超文本標(biāo)記語言——HTMLHTML標(biāo)記<標(biāo)記>文件內(nèi)容<11HTML文檔HTML頁面的基本結(jié)構(gòu)起始標(biāo)記文件頭HTML文檔12HTML頁面的基本結(jié)構(gòu)

起始標(biāo)記網(wǎng)頁標(biāo)題文件主體

<Html><Head> 網(wǎng)頁的標(biāo)題和屬性</Head><Body> 文件主體</Body></Html> 基本結(jié)構(gòu)HTML頁面的基本結(jié)構(gòu)起始標(biāo)記<Html> 基本結(jié)構(gòu)13起始標(biāo)記

<Html>標(biāo)記符號(hào)<Html>標(biāo)記用于HTML文檔的最前面，用來標(biāo)記HTML文檔的開始</Html>則是放在HTML文檔的最后面，用來表示HTML文檔的結(jié)束兩個(gè)標(biāo)記必須一起使用</Html>起始標(biāo)記<Html>標(biāo)記符號(hào)<Html>標(biāo)記用于HTML文14文件頭

<Head></Head>結(jié)構(gòu)文件頭標(biāo)記對(duì)構(gòu)成HTML文檔的開頭部分用來描述HTML文檔相關(guān)信息文件頭<Head></Head>結(jié)構(gòu)文件頭標(biāo)記對(duì)構(gòu)成HTM15文件頭<Head></Head>標(biāo)記對(duì)構(gòu)成HTML文檔的開頭部分

1．Title標(biāo)記<Title></Title>2．Base標(biāo)記<Basehref=”URL”>

//是一個(gè)鏈接基準(zhǔn)標(biāo)記,用以改變文件中所有鏈接標(biāo)記的參數(shù)默認(rèn)值3．Link標(biāo)記<Linkrev=”RELATIONSHIP”reL=”RELATIONSHIP”href=”URL”>

4．Meta標(biāo)記< Metahttp-equiv=”Content-Type”content=”text/html;charset=gb2312”>文件頭<Head></Head>標(biāo)記對(duì)構(gòu)成HTML文檔的開頭16頁面主體格式和頁面效果

<Body></Body>標(biāo)記對(duì)之間的內(nèi)容是HTML文檔的主要部分，在此標(biāo)記對(duì)之間可包含眾多的標(biāo)記和信息

<Body>標(biāo)記中還可以設(shè)置一些屬性

兩個(gè)標(biāo)記必須一起使用頁面主體格式和頁面效果 <Body></Body>標(biāo)記對(duì)之17頁面鏈接頁面鏈接的基本概念外部鏈接內(nèi)部鏈接郵件鏈接了解路徑絕對(duì)路徑

相對(duì)路徑

絕對(duì)路徑是指完整的描述文件位置的路徑所謂相對(duì)路徑，顧名思義就是自己相對(duì)與目標(biāo)位置頁面鏈接頁面鏈接的基本概念了解路徑絕對(duì)路徑相對(duì)路徑絕18外部鏈接 鏈接到外面去，可以擴(kuò)充您網(wǎng)站的實(shí)用性及充實(shí)性，也正因這功能，才造就了www五彩繽紛的世界。

一個(gè)超鏈接通常由以下3個(gè)部分構(gòu)成：

超鏈接標(biāo)記<a></a>屬性href及其值超鏈接中顯示頁面上顯示鏈接的文字<aHref=””>新浪網(wǎng)</a>外部鏈接 鏈接到外面去，可以擴(kuò)充您網(wǎng)站的實(shí)用性及充實(shí)性，也19內(nèi)部鏈接 有時(shí)候，當(dāng)某頁的內(nèi)容很多時(shí)，我們可以利用網(wǎng)頁的內(nèi)部鏈接，以便使用者快速的找到資料 原理：在欲鏈接處做個(gè)記號(hào)

鏈接時(shí)就尋找個(gè)這記號(hào)內(nèi)部鏈接就是網(wǎng)頁中的書簽格式

<aName=”書簽名稱”>書簽內(nèi)容</a>內(nèi)部鏈接 有時(shí)候，當(dāng)某頁的內(nèi)容很多時(shí)，我們可以利用網(wǎng)頁的內(nèi)部20內(nèi)部鏈接實(shí)例

例如，先定義一個(gè)標(biāo)簽a，然后找到“標(biāo)簽名”這個(gè)標(biāo)簽，就可編寫如下代碼：

<aname=”標(biāo)簽a”>書簽內(nèi)容</a><aHref=”#標(biāo)簽a”>單擊此處監(jiān)視瀏覽器調(diào)到“標(biāo)簽a”處</a>內(nèi)部鏈接實(shí)例例如，先定義一個(gè)標(biāo)簽a，然后找到“標(biāo)簽名”這個(gè)21郵件鏈接郵件鏈接可使訪問者在瀏覽頁面時(shí)，只需單擊電子郵件鏈接就能打開默認(rèn)的郵件編輯軟件，向指定的地址發(fā)送郵件

格式<aHref=”mailto:tony1944620@”>IT在線</a> 訪問者單擊電子郵件鏈接時(shí)，將打開默認(rèn)的電子郵件編輯軟件

郵件鏈接郵件鏈接可使訪問者在瀏覽頁面時(shí)，只需單擊電子郵件鏈22表格表格的基本形式有通欄的表格表的大小，邊框?qū)挾?，表格間距表格中文本的輸出表格在文件中的位置定義表格顏色表格表格的基本形式23表格的基本形式表格，一般用于對(duì)網(wǎng)頁的內(nèi)容進(jìn)行排版一個(gè)表格由<table>標(biāo)記開始，</table>結(jié)束表的內(nèi)容由<tr>,<th>和<td>定義

單元行單元格<th>標(biāo)記所標(biāo)記的單元格的文字以粗體出現(xiàn)，通常用于表格的標(biāo)題欄表格的基本形式表格，一般用于對(duì)網(wǎng)頁的內(nèi)容進(jìn)行排版單元行單元24表格的例子

<Body><TableBorder=1align="center"><Tr><Th>編號(hào)</Th><Th>名稱</Th><Th>價(jià)格(元)</Th></Tr><Tr><Td>001</Td><Td>語文教材</Td><Td>20.00</Td></Tr></table></Body>表格的例子<Body>25有通欄的表格1．有橫向通欄的表格用<tdcolspan=#>屬性說明2．有縱向通欄的表格用<tdrowspan=#>屬性說明#代表通欄占據(jù)的網(wǎng)格數(shù)以像素為單位有通欄的表格1．有橫向通欄的表格用<tdcolspan=26橫向通欄示例

<TableBorder=1align="center"><Tr><Tdcolspan="3"align="center">圖書信息</Td></Tr><Tr><Th>編號(hào)</Th><Th>名稱</Th><Th>價(jià)格(元)</Th></Tr></table>橫向通欄示例<TableBorder=1align="27表的大小，邊框?qū)挾?，表格間距

1．表的大小用width=#和height=#屬性說明2．邊框?qū)挾扔蒪order=#說明3．表格間距即劃分表格的線的粗細(xì)用cellspacing=#表示寬

高

#是以像素為單位的整數(shù)表的大小，邊框?qū)挾?，表格間距1．表的大小用width=#和28表格的粗細(xì)

<TableBorder=5width="150"height="100"cellspacing="5"align="center"><Tr><Th>編號(hào)</Th><Th>名稱</Th><Th>價(jià)格(元)</Th></Tr><Tr><Td>001</Td><Td>語文教材</Td><Td>20.00</Td></Tr></table>表格的粗細(xì)29表格中文本的輸出1．文本與表框的距離用cellpadding=#設(shè)置2．表格的寬度大于其中的文本寬度時(shí)，文本在其中的輸出位置用“align=#”定義3．表格的高度大于其中文本的高度時(shí)，可以用valign=#說明文本在其中的位置。#是left，center和right三者之一，分別表示左對(duì)齊，居中和右對(duì)齊#是top，middle，bottom，baseline四者之一。分別表示頂端對(duì)齊、居中對(duì)齊、底部對(duì)齊、基線對(duì)齊#是以像素為單位的整數(shù)<Tdalign="left">001</Td>表格中文本的輸出1．文本與表框的距離用cellpaddin30文本與表框的距離

<Html><Head><Title> 表格中文本的輸出</Title></Head><Body><TableBorder=1Cellpadding="10"align="center"> <Tr> <Th>編號(hào)</Th><Th>名稱</Th><Th>價(jià)格(元)</Th> </Tr> <Tr> <Td>001</Td><Td>語文教材</Td><Td>20.00</Td> </Tr> </table></Body></Html>文本與表框的距離<Html>31表格的高度大于其中文本的高度

<Body><TableBorder=1height="200"align="center"> <Tr> <Th>編號(hào)</Th> <Th>名稱</Th> <Th>價(jià)格(元)</Th> </Tr> <Tr> <Tdvalign="top">001</Td> <Tdvalign="middle">語文教材</Td> <Tdvalign="bottom">20.00</Td> </Tr></table></Body>表格的高度大于其中文本的高度<Body>32表格在文件中的位置定義 表格與文件中內(nèi)容對(duì)齊時(shí)，若在現(xiàn)在位置上不能滿足其對(duì)齊方式，可定義其位置，以滿足對(duì)齊要求 屬性一般由align=left、right或center指定<TableBorder=1align="center"><Tr><Th>編號(hào)</Th><Th>名稱</Th><Th>價(jià)格(元)</Th></Tr><Tr><Td>001</Td><Td>語文教材</Td><Td>20.00</Td></Tr></table>表格在文件中的位置定義 表格與文件中內(nèi)容對(duì)齊時(shí)，若在現(xiàn)在位33表格顏色表格的顏色用bgcolor=#指定#是16進(jìn)制的6位數(shù)，格式為rrggbb紅

綠藍(lán)<TableBorder=1align="center"><Trbgcolor="lime"><Th>編號(hào)</Th><Th>名稱</Th> <Th>價(jià)格(元)</Th></Tr><Trbgcolor="red"><Td>001</Td><Td>語文教材</Td><Td>20.00</Td></Tr></Table>表格顏色表格的顏色用bgcolor=#指定#是16進(jìn)制的634第一章HTML頁面與表格第一章HTML頁面與表格課程目標(biāo)HTML文件的結(jié)構(gòu)如何設(shè)置HTML文件的背景色及文本色如何在頁面上添加一個(gè)超鏈接如何在頁面上添加一個(gè)表格如何設(shè)置表格的屬性使學(xué)生能設(shè)計(jì)并實(shí)現(xiàn)下列各種程序通過本章的學(xué)習(xí)要對(duì)HTML文件有初步地了解，并且可以靈活的設(shè)置超鏈接以及表格的屬性課程目標(biāo)HTML文件的結(jié)構(gòu)使學(xué)生能設(shè)計(jì)并實(shí)現(xiàn)下列各種程序36目標(biāo)創(chuàng)建一個(gè)html頁面表格超連接目標(biāo)創(chuàng)建一個(gè)html頁面37體驗(yàn)創(chuàng)建使用超鏈接和表格的HTML頁面本章我們首先創(chuàng)建一個(gè)HTML頁面。在頁面中創(chuàng)建一個(gè)超鏈接，使超鏈接指向另一個(gè)顯示信息的頁面。在顯示信息的頁面中，以表格的形式顯示信息。如圖1-1、1-2所示：體驗(yàn)創(chuàng)建使用超鏈接和表格的HTML頁面38網(wǎng)頁基礎(chǔ)知識(shí)萬維網(wǎng)——WWW(WorldWideWeb)超文本傳送協(xié)議——HTTP(HyperTextTransferProtocol)HTTP協(xié)議用經(jīng)常用在傳送WEB頁網(wǎng)站是由若干個(gè)文件組成！網(wǎng)頁基礎(chǔ)知識(shí)萬維網(wǎng)——WWW(WorldWideWe39網(wǎng)頁基礎(chǔ)知識(shí)統(tǒng)一資源定位器——URL（UniformResourceLocator）URL包括傳送協(xié)議，服務(wù)器名稱、文件的完整路徑例如：/index.html其中http://是傳送協(xié)議是服務(wù)器名稱

index.html是文件的完整路徑服務(wù)器名稱還有其他的叫法，主機(jī)名、域名。一般大眾叫法叫域名.等等代表服務(wù)類型。網(wǎng)頁基礎(chǔ)知識(shí)統(tǒng)一資源定位器——URL40網(wǎng)頁基礎(chǔ)知識(shí)超級(jí)文本標(biāo)記語言——HTML它是WWW上通用的描述語言。HTML語言支持多媒體（即文，圖，聲）HTML以文件形式存放在計(jì)算機(jī)內(nèi)，HTML文件可以通過WWW傳送給世界上所有連接INTERNET上的計(jì)算機(jī)，使其可以瀏覽HTML里的內(nèi)容。網(wǎng)頁基礎(chǔ)知識(shí)超級(jí)文本標(biāo)記語言——HTML41HTMLHTML是HypertextMarkupLanguage（超文本標(biāo)記語言）的縮寫，它是構(gòu)成Web頁面（Page）的主要工具，是用來表示網(wǎng)上信息的符號(hào)標(biāo)記語言。HTML文檔由文本和HTML標(biāo)記組成，通常以.html或者.htm為文本的擴(kuò)展名（如index.htm）。網(wǎng)頁瀏覽器負(fù)責(zé)解釋HTML文檔中的標(biāo)記，并將HTML文檔顯示為網(wǎng)頁。任何有瀏覽器的計(jì)算機(jī)都可以顯示HTML文檔，不論計(jì)算機(jī)上運(yùn)行的是UNIX，Macitionish,還是Windwos操作系統(tǒng)。HTMLHTML是HypertextMarkupLang42HTML功能HTML的功能：

出版在線的文檔，其中包含了標(biāo)題、文本、表格、列表以及照片等內(nèi)容。

通過超鏈接檢索在線的信息。

為獲取遠(yuǎn)程服務(wù)而設(shè)計(jì)表單，可用于檢索信息、定購產(chǎn)品等。

在文檔中直接包含電子表格、視頻剪輯、聲音剪輯以及其他的一些應(yīng)用。HTML功能HTML的功能：

出版在線的文檔，其中包含43HTML和網(wǎng)頁瀏覽器的關(guān)系HTML和網(wǎng)頁瀏覽器的關(guān)系：不同的瀏覽器中網(wǎng)頁的顯示效果可能不同。大多數(shù)瀏覽器不完全支持HTML的所有特性，每一種瀏覽器都可能會(huì)有一些特有的HTML標(biāo)記和屬性，這些標(biāo)記和屬性可能不會(huì)被其他的瀏覽器識(shí)別。這些有軟件公司開發(fā)的標(biāo)記和屬性被稱為HTML擴(kuò)展，而不是標(biāo)記的一部分。HTML和網(wǎng)頁瀏覽器的關(guān)系HTML和網(wǎng)頁瀏覽器的關(guān)系：44超文本標(biāo)記語言——HTMLHTML標(biāo)記基本格式標(biāo)記內(nèi)可以包含一些屬性

<標(biāo)記>文件內(nèi)容</標(biāo)記>

<標(biāo)記名稱屬性1屬性2屬性3……>HTML中的注釋：<!--內(nèi)容-->超文本標(biāo)記語言——HTMLHTML標(biāo)記<標(biāo)記>文件內(nèi)容<45HTML文檔HTML頁面的基本結(jié)構(gòu)起始標(biāo)記文件頭HTML文檔46HTML頁面的基本結(jié)構(gòu)

起始標(biāo)記網(wǎng)頁標(biāo)題文件主體

<Html><Head> 網(wǎng)頁的標(biāo)題和屬性</Head><Body> 文件主體</Body></Html> 基本結(jié)構(gòu)HTML頁面的基本結(jié)構(gòu)起始標(biāo)記<Html> 基本結(jié)構(gòu)47起始標(biāo)記

<Html>標(biāo)記符號(hào)<Html>標(biāo)記用于HTML文檔的最前面，用來標(biāo)記HTML文檔的開始</Html>則是放在HTML文檔的最后面，用來表示HTML文檔的結(jié)束兩個(gè)標(biāo)記必須一起使用</Html>起始標(biāo)記<Html>標(biāo)記符號(hào)<Html>標(biāo)記用于HTML文48文件頭

<Head></Head>結(jié)構(gòu)文件頭標(biāo)記對(duì)構(gòu)成HTML文檔的開頭部分用來描述HTML文檔相關(guān)信息文件頭<Head></Head>結(jié)構(gòu)文件頭標(biāo)記對(duì)構(gòu)成HTM49文件頭<Head></Head>標(biāo)記對(duì)構(gòu)成HTML文檔的開頭部分

1．Title標(biāo)記<Title></Title>2．Base標(biāo)記<Basehref=”URL”>

//是一個(gè)鏈接基準(zhǔn)標(biāo)記,用以改變文件中所有鏈接標(biāo)記的參數(shù)默認(rèn)值3．Link標(biāo)記<Linkrev=”RELATIONSHIP”reL=”RELATIONSHIP”href=”URL”>

4．Meta標(biāo)記< Metahttp-equiv=”Content-Type”content=”text/html;charset=gb2312”>文件頭<Head></Head>標(biāo)記對(duì)構(gòu)成HTML文檔的開頭50頁面主體格式和頁面效果

<Body></Body>標(biāo)記對(duì)之間的內(nèi)容是HTML文檔的主要部分，在此標(biāo)記對(duì)之間可包含眾多的標(biāo)記和信息

<Body>標(biāo)記中還可以設(shè)置一些屬性

兩個(gè)標(biāo)記必須一起使用頁面主體格式和頁面效果 <Body></Body>標(biāo)記對(duì)之51頁面鏈接頁面鏈接的基本概念外部鏈接內(nèi)部鏈接郵件鏈接了解路徑絕對(duì)路徑

相對(duì)路徑

絕對(duì)路徑是指完整的描述文件位置的路徑所謂相對(duì)路徑，顧名思義就是自己相對(duì)與目標(biāo)位置頁面鏈接頁面鏈接的基本概念了解路徑絕對(duì)路徑相對(duì)路徑絕52外部鏈接 鏈接到外面去，可以擴(kuò)充您網(wǎng)站的實(shí)用性及充實(shí)性，也正因這功能，才造就了www五彩繽紛的世界。

一個(gè)超鏈接通常由以下3個(gè)部分構(gòu)成：

超鏈接標(biāo)記<a></a>屬性href及其值超鏈接中顯示頁面上顯示鏈接的文字<aHref=””>新浪網(wǎng)</a>外部鏈接 鏈接到外面去，可以擴(kuò)充您網(wǎng)站的實(shí)用性及充實(shí)性，也53內(nèi)部鏈接 有時(shí)候，當(dāng)某頁的內(nèi)容很多時(shí)，我們可以利用網(wǎng)頁的內(nèi)部鏈接，以便使用者快速的找到資料 原理：在欲鏈接處做個(gè)記號(hào)

鏈接時(shí)就尋找個(gè)這記號(hào)內(nèi)部鏈接就是網(wǎng)頁中的書簽格式

<aName=”書簽名稱”>書簽內(nèi)容</a>內(nèi)部鏈接 有時(shí)候，當(dāng)某頁的內(nèi)容很多時(shí)，我們可以利用網(wǎng)頁的內(nèi)部54內(nèi)部鏈接實(shí)例

例如，先定義一個(gè)標(biāo)簽a，然后找到“標(biāo)簽名”這個(gè)標(biāo)簽，就可編寫如下代碼：

<aname=”標(biāo)簽a”>書簽內(nèi)容</a><aHref=”#標(biāo)簽a”>單擊此處監(jiān)視瀏覽器調(diào)到“標(biāo)簽a”處</a>內(nèi)部鏈接實(shí)例例如，先定義一個(gè)標(biāo)簽a，然后找到“標(biāo)簽名”這個(gè)55郵件鏈接郵件鏈接可使訪問者在瀏覽頁面時(shí)，只需單擊電子郵件鏈接就能打開默認(rèn)的郵件編輯軟件，向指定的地址發(fā)送郵件

格式<aHref=”mailto:tony1944620@”>IT在線</a> 訪問者單擊電子郵件鏈接時(shí)，將打開默認(rèn)的電子郵件編輯軟件

郵件鏈接郵件鏈接可使訪問者在瀏覽頁面時(shí)，只需單擊電子郵件鏈56表格表格的基本形式有通欄的表格表的大小，邊框?qū)挾?，表格間距表格中文本的輸出表格在文件中的位置定義表格顏色表格表格的基本形式57表格的基本形式表格，一般用于對(duì)網(wǎng)頁的內(nèi)容進(jìn)行排版一個(gè)表格由<table>標(biāo)記開始，</table>結(jié)束表的內(nèi)容由<tr>,<th>和<td>定義

單元行單元格<th>標(biāo)記所標(biāo)記的單元格的文字以粗體出現(xiàn)，通常用于表格的標(biāo)題欄表格的基本形式表格，一般用于對(duì)網(wǎng)頁的內(nèi)容進(jìn)行排版單元行單元58表格的例子

<Body><TableBorder=1align="center"><Tr><Th>編號(hào)</Th><Th>名稱</Th><Th>價(jià)格(元)</Th></Tr><Tr><Td>001</Td><Td>語文教材</Td><Td>20.00</Td></Tr></table></Body>表格的例子<Body>59有通欄的表格1．有橫向通欄的表格用<tdcolspan=#>屬性說明2．有縱向通欄的表格用<tdrowspan=#>屬性說明#代表通欄占據(jù)的網(wǎng)格數(shù)以像素為單位有通欄的表格1．有橫向通欄的表格用<tdcolspan=60橫向通欄示例

<TableBorder=1align="center"><Tr><Tdcolspan="3"align="center">圖書信息</Td></Tr><Tr><Th>編號(hào)</Th><Th>名稱</Th><Th>價(jià)格(元)</Th></Tr></table>橫向通欄示例<TableBorder=1align="61表的大小，邊框?qū)挾龋砀耖g距

1．表的大小用width=#和height=#屬性說明2．邊框?qū)挾扔蒪order=#說明3．表格間距即劃分表格的線的粗細(xì)用cellspacing=#表示寬

高

#是以像素為單位的整數(shù)表的大小，邊框?qū)挾龋砀耖g距1．表的大小用width=#和62表格的粗細(xì)

<TableBorder=5width="150"height="100"cellspacing="5"align="center"><Tr><Th>編號(hào)</Th><Th>名稱</Th><Th>價(jià)格(元)</Th></Tr><Tr><Td>001</Td><Td>語文教材</Td><Td>20.00</Td></Tr></table>表格的粗細(xì)63表格中文本的輸出1．文本與表框的距離用cellpadding=#設(shè)置2．表格的寬度大于其中的文本寬度時(shí)，文本在其中的輸出位置用“align=#”定義3．表格的高度大于其中文本的高度時(shí)，可以用valign=#說明文本在其中的位置。#是left，center和right三者之一，分別表示左對(duì)齊，居中和右對(duì)齊#是top，middle，bottom，baseline四者之一。分別表示

溫馨提示

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

評(píng)論

0/150

提交評(píng)論