HTML----連結、影象連結、頁面內連結
阿新 • • 發佈:2021-02-06
html頁面中連結的設定:
1、普通文字連結
<a href="https://github.com/YuanMa-learn/html-test" target="_parent"> 這是一個連結</a>
屬性href 規定連結目標
- 屬性target 定義被連結的文件在哪裡顯示,可取值:
- _blank
- _parent
- _self
- _top
2、影象連結
<a href="https://github.com/YuanMa-learn/html-test" >
<img src="resource/duola.jpg"></a>
影象連結與文字連結的區別是,文字區域換成了使用img標籤的圖片顯示
3、使用name屬性建立html頁面中的書籤
- 使用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>