連結 (anchor link).

Presentation on theme: "連結 (anchor link)."— Presentation transcript:

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>