通過代碼實例跟我學(xué)j2eeweb組件相關(guān)技術(shù)——html標(biāo)簽的相關(guān)的教學(xué)示例第2部分-資料下載頁
2024-11-14 07:42本頁面
【導(dǎo)讀】各個網(wǎng)頁鏈接在一起后，才能真正構(gòu)成一個網(wǎng)站。1)_parent：在上一級窗口中打開，一般應(yīng)用在框架集的框架頁中。2)_blank：在一個新的空窗口中打開。3)_self：在同一個楨或當(dāng)前窗口中打開。4)_top：在瀏覽器的頂級窗口中打開。個頁面內(nèi)的不同內(nèi)容所在的區(qū)域之間鏈接跳轉(zhuǎn)。然后再定義一個超鏈接到該命名錨的正常超鏈接。下面給出了實現(xiàn)此功能要求的HTML代碼。<ahref="#oneNamedAnchor">跳轉(zhuǎn)到錨標(biāo)記為oneNamedAnchor的指定位置</a>. <a>標(biāo)簽的其他屬性——title，URL地址"></a>之間就能實現(xiàn)圖像超級鏈接的效果。但由于BMP格式的圖像文件存儲的容量比較大、傳輸慢，一般在Web頁面中不應(yīng)用它；<img>標(biāo)簽主要有如下的屬性項目：。2)alt：鼠標(biāo)指向圖像時的動態(tài)提示文字。4)height：圖像的高度，同樣也應(yīng)該要設(shè)為圖像的真實大小以免失真。的真實大小顯示輸出該圖像。
【正文】 和“ right”（右對齊）之一。 下面的代碼片段示例采用兩個 colgroup標(biāo)簽把一個表格按列方向分為兩組，其中第二組楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè) 提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 14/16 頁 14 包含兩列單元格，為每個列分組都設(shè)置了不同的樣式風(fēng)格定義（背景為紅色和白色），注意其中黑體所標(biāo)識的標(biāo)簽。 在瀏覽器中的顯示結(jié)果如圖 (b)所示 。 table border=1 colgroup align=left style=backgroundcolor:FF0000/colgroup colgroup span=2 style=backgroundcolor:ffffff/colgroup tr th姓名 /thth年齡 /thth學(xué)校 /th /tr tr td 張三 /td td21/tdtd藍(lán)夢大學(xué) /td /tr /table 圖 （ a） 表格行分組 示例圖 圖 （ b） 表格列分組 示例圖 圖 （ c）帶 標(biāo)題的 表格 示例圖 定義 表格的標(biāo)題 利用 caption標(biāo)簽可以設(shè)置表格的標(biāo)題，并且標(biāo)題的定位由其中的 align 和 valign 屬性項目決定，默認(rèn)的定位屬性 取值都為“ cente”（水平居中）。 其中 align 屬性設(shè)置表格標(biāo)題文字的水平方向的對齊形式： 取值為 left，將產(chǎn)生出 “ 左對齊”的顯示效果；取值為 center，將產(chǎn)生出“水平居中”的顯示效果；取值為 right，將產(chǎn)生出“右對齊”的顯示效果。 而 valign 屬性則設(shè)置表格標(biāo)題文字的垂直方向的對齊形式： 取值為 top，將產(chǎn)生出“頂部對齊”的顯示效果； 取值為 bottom，將產(chǎn)生出“底部對齊”的顯示效果。 caption標(biāo)簽必須要位于 table標(biāo)簽之內(nèi)，并且在表格行 tr標(biāo)簽之前。下面為應(yīng)用caption標(biāo)簽為某個數(shù)據(jù)表格定義標(biāo)題文字的代碼片段示例 ，注意其中黑體所標(biāo)識的標(biāo)簽，在瀏覽器中的顯示結(jié)果如圖 (c)所示 ： table border=1 caption align=center valign=top員工基本信息表 /caption theadtrth姓名 /thth年齡 /thth籍貫 /thth畢業(yè)學(xué)校 /th/tr /thead tbodytrtd張三 /tdtd23/tdtd北京 /tdtd藍(lán)夢大學(xué) /td/tr /tbody /table 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè) 提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 15/16 頁 15 隔行變色的表格示例 table border=1 theadtrth姓名 /thth年齡 /thth籍貫 /thth畢業(yè)學(xué)校 /th/tr /thead tbody trtd張三 /tdtd23/tdtd北京 /tdtd藍(lán)夢大學(xué) /td/tr tr style=backgroundcolor:666699td張三 /tdtd23/tdtd北京 /td td藍(lán)夢大學(xué) /td /tr trtd張三 /tdtd23/tdtd北京 /tdtd藍(lán)夢大學(xué) /td /tr tr style=backgroundcolor:666699td張三 /tdtd23/tdtd北京 /td td藍(lán)夢大學(xué) /td /tr /tbody /table 表格 table標(biāo)簽的其它屬性 （ 1） cellpadding 規(guī)定單元邊沿與其內(nèi)容之間的空白，可以為 pixels 或者 % （ 2） cellspacing 規(guī)定單元格之間的空白，可以為 pixels 或者 % （ 3） frame 規(guī)定外側(cè)邊框的哪個部 分是可見的，可以為： void、 above 、 below 、 hsides 、lhs 、 rhs 、 vsides 、 box 、 border （ 4） rules 規(guī)定內(nèi)側(cè)邊框的哪個部分是可見的，可以為 none、 groups 、 rows 、 cols 、 all 利用 ul標(biāo)簽定義符號列表、 ol標(biāo)簽定義編號列表 ul標(biāo)簽和 li標(biāo)簽組合用于定義符號列表 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè) 提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 16/16 頁 16 這種形式的列表中的每個列表項前面可以是一個圓點、方塊等符號，其中 ul標(biāo)簽中的type 屬性項目決定列表符號的類型，可能的取值為 disk（圓點列表符） 、 circle（圓圈列表符）和 square（方點列表符）。 ol標(biāo)簽和 li標(biāo)簽組合用于定義編號列表 這種形式的列表中的每個列表項前面設(shè)置編號的具體形式，可以是數(shù)字編號，也可以是字母編號。其中 ol標(biāo)簽中的 type 屬性決定編號的類型，可能的取值可以為 1（表示采用數(shù)字編號）、 I（表示采用大寫羅馬數(shù)字編號）、 i（表示采用小寫羅馬數(shù)字編號）、 A（表示采用大寫字母編號）和 a（表示采用小寫字母編號）。 符號列表代碼片段示例 ul type=circle liJ2ME/li liJ2SE/li liJ2EE/li liJ2EE 框架 /li /ul 編號列表代碼片段示例 ol type=I liJ2ME/li liJ2SE/li liJ2EE/li liJ2EE 框架 /li /o
高考資料相關(guān)推薦
鄂ICP備17016276號-1