標題 [WebFund]筆記－XHTML－Part2
時間 2007/12/16 Sun 18:57:33
───────────────────────────────────────
1.Basic XHTML Tables
<table border = "1" //表格最外框的寬度
width = "40%" //每欄的寬度
summary = "敘述" //介紹此表格是什麼內容>
<caption>例子</caption> //顯示表格最上面的字
<thead> //表格的第一行（字體會加粗且置中）
<tr>
<th>Ａ</th>
<th>１</th>
</tr>
</thead>
<tfoot> //表格的最後一行（字體會加粗且置中）
<tr>
<th>Ｂ</th>
<th>２</th>
</tr>
</tfoot>
<tbody> //位於中間 EX：
<tr> 例子
<th>Ｃ</th> Ａ １
<th>３</th> Ｃ ３
</tr> Ｄ ４
<tr> Ｂ ２
<th>Ｄ</th>
<th>４</th>
</tr>
</tbody>
</table>
2.Intermediate XHTML Tables and Formatting
<colgroup>
<col align = "right" //讓一直行(|)的表格文字向右置齊
span = "3" //決定從1~3橫列(-)的表格文字都套用上面的規定
/>
</colgroup>
<thead>
<tr>
<th rowspan = "2" //讓這一個表格包含兩個橫列(-)>
</th>
<th colspan = "3" //讓這一個表格有三個直行(|)
valign = "top"//讓這個表格的文字置頂>
</th>
</tr>
<tr valign = "bottom" //讓這個表格的文字置底>
<th> </th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody>
<tr>
<th> </th> //字體會加粗且置中（但之前已被設定為向右置中）
<td> <img src.......... /> //可放圖
</td>
</tr>
</tbody>
3.Basic XHTML Forms
<form method = "post" action = "/cgi-bin/formmail">
<p>
<input type = "hidden" //隱藏
submit //提交 ← 皆為 button
reset //清除重設
name = "abc" //當sent(or post)時在Web sever鑑別input&value的名字
value = "xyz"//顯示在網頁上的字>
</p>
</form>
<label>
<input name = "abc"
type = "text" //讓使用者可輸入一行的字串
size = "10" //在網頁上使用者可在textbox看見的字元數
maxlength = "30" //此textbox所能輸入的最大字元數 />
</label>
4.More Complex XHTML Forms
<p>
<label>
<textarea name = "abc"
rows = "4" //有四行(-)
cols = "36" //每一行有36個字元>
</textarea>
<input name = "abc"
type = "password" //在網頁上顯示出來的是*號
checkbox //勾選的型態（可多選）
radio //點選的型態（單選）
size = "25"
value = "xyz">
<select name = "abc"> //下拉式選單
<option selected = "selected" //設定一開始看到的選項
>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</label>
</p>
5.Internal Linking
<em>斜體字</em>
<h1 id = "link_1">aaa</h1>
<p>
<a href = "#link_1">bbb</a> //按bbb的超連結後會移到aaa的位置
</p>
6.Creating and Using Image Maps（在圖片上設置連結）
<map id = "picture">
<area href = "連結網址"
shape = "rect" //矩形
poly //多邊形
circle //圓形
coords = "2,123,54,143" //表示從(2,123)到(54,143)的區域都是連結(矩形)
"162,25,154,39,158,54,169,51,183,39,161,26"
//表示(162,25),(154,39),(158,54),(169,51),(183,39),(161,26)
為這個多邊形每個頂點的座標
"100,36,33" //表示(100,36)為圓形中心點，33為半徑
alt = ""/>
</map>
<img src = "" width = "" height = "" alt = "" usemap = "#picture">
7.meta Elements（讓搜尋引擎看的東西）
<meta name = "keywords" content = "單字" /> //讓別人找到你的網頁的關鍵字
<meta name = "description" content = "敘述文字" /> //搜尋引擎上顯示的網頁介紹
8.frameset Element（框架頁）
<frameset cols = "110,*"> //(110,*)
<frame name = "leftframe" //左框架。框架的名字
src = "nav.html" />
<frameset rows = "175,*"> //(*,175)
<frame name = "picture" //右邊上面的框架。框架的名字
src = "picture.html" />
<frame name = "main" //右邊下面的框架。框架的名字
src = "main.html" />
</frameset>
<noframes> //以下無框架
<body>
</body>
</noframes>
</frameset>
<a href = "網址a" target = "main" //連結網址a放到名字為main的框架>
--
接球會"噴"
我 舉球會"歪" 但是！ 我算分超強 o(一︿一+)o
攻擊會"OUT"
--
▅◣ Origin: 謠 言 報 bbs.csie.fju.edu.tw
▋◤ Author: ie945167 從 61-64-175-54-adsl-tpe.dynamic.so-net.net.tw 發表
沒有留言:
張貼留言