1. 程式人生 > 其它 >HTML----連結、影象連結、頁面內連結

HTML----連結、影象連結、頁面內連結

技術標籤:HTMLhtml

html頁面中連結的設定:

1、普通文字連結

這是一個連結

<a href="https://github.com/YuanMa-learn/html-test" target="_parent"> 這是一個連結</a>

屬性href 規定連結目標

  • 屬性target 定義被連結的文件在哪裡顯示,可取值:
  1. _blank
  1. _parent
  1. _self
  1. _top

2、影象連結


<a href="https://github.com/YuanMa-learn/html-test"
>
<img src="resource/duola.jpg"></a>

影象連結與文字連結的區別是,文字區域換成了使用img標籤的圖片顯示

3、使用name屬性建立html頁面中的書籤

  1. 使用name屬性在文件中建立錨
<a name="tips">建立一個錨</a>
2.建立指向該錨的連結
  <a href="#tips">指向錨</a>
示例:
<p>
    <a href="#ch4">chapter 5 指向一個頁面內的書籤</
a
>
</p> <h3><a name="ch1">Chapter 1</a></h3> <p>this is chapter 1</p> <h3><a name="ch2">Chapter 2</a></h3> <p>this is chapter 2</p> <h3><a name="ch3">Chapter 3</a></h3> <p
>
this is chapter 3</p> <h3><a name="ch4">Chapter 4</a></h3> <p>this is chapter 4</p> <h3><a name="ch5">Chapter 5</a></h3> <p>this is chapter 5</p> <h3><a name="ch6">Chapter 6</a></h3> <p>this is chapter 6</p>