… 電腦商品 書籍商品 書籍商品 書籍商品 以圖片做為連結: "> … 電腦商品 書籍商品 書籍商品 書籍商品 以圖片做為連結: ">
Download presentation
Presentation is loading. Please wait.
1
連結 (anchor link)
2
<a href="…" …>…</a>
<a href="computer.html">電腦商品</a> <a href="books/book.html">書籍商品</a> <a href="../books/book.html">書籍商品</a> <a href="/books/book.html">書籍商品</a> 以圖片做為連結: <a href=" src="mstw.jpg" alt="" /></a>
3
書籤連結 book1.html <p id="section1">…</p> <p id="section2">…</p> … 從同一網頁連結: <a href="#section1">第一回</a> <a href="#section2">第二回</a> 從其他網頁連結 <a href="book1.html#section1">西遊記 第一回</a> <a href="
4
電子郵件連結 其他連結,請參考: http://ycchen.im.ncnu.edu.tw/www/url-example.html
<a <a 其他連結,請參考:
5
target屬性 _blank _parent _self _top 或frame_name ex. mainFrame
維持原網頁畫面,另開啟新視窗(或tab)顯示 <a href=" target="_blank">yam天空-新聞</a> _blank _parent _self _top 或frame_name ex. mainFrame topFrame leftFrame mainFrame
6
iframe (Inner Frame)
7
<iframe …> 在網頁中顯示另一個網頁
<iframe src="contFrame.html" /></iframe> <iframe src="contFrame.html" width="200" height="200"> </iframe> <iframe src="contFrame.html" frameborder="0"> </iframe> <iframe src="contFrame.html" name="innerF"> </iframe> <a href=" target="innerF">NCNU</a>
8
<a href="../index.html" target="contF">Web Programming Examples</a>, … <iframe src="contFrame.html" width="1080" height="500" name="contF" /></iframe>
Similar presentations