古詩詞大全網 - 個性簽名 - 04_HTML 內聯框架和超鏈接標簽

04_HTML 內聯框架和超鏈接標簽

時間:2018-09-29 姓名:魏文應

在當前 html 引入另外壹個 html 文件:

src="lesson-02.html" 引用了 lensson-02.html 這個文件,效果就是這樣

內聯框架還可以指定其它屬性,如:寬度( width )和高度( height ),以及名字( name ):

註意:不推薦使用內聯框架,因為搜索引擎不會檢索內聯 .html 的內容。

使用 <a> 標簽,添加超鏈接:

顯示效果如下:

點過的超鏈接,會變成紅色。 target="_blank" 屬性,使得點擊時,在 新標簽打開 超鏈接頁面。 target="_self" 屬性,是在 當前標簽頁面 中打開超鏈接。當然,還可以在 內聯框架 中打開:

下面通過 target="test" 關聯內聯框架中的 name="test" 屬性,點擊超鏈接以後的顯示效果如下:

在結構、表現、行為中,居中顯示屬於 表現,在 CSS 設置,所以不建議使用 HTML 進行居中說明。如果妳非要在 HTML 中說明居中,可以使用 <center> 標簽:

註意:不推薦使用 <center> 標簽。

在網頁中,我們經常點擊 回到頂部 超鏈接,就回到了頁面頂部:

a 標簽中,設置超鏈接屬性 href="#" ,點擊這個超鏈接,就可以回到頂部。當然,也可以通過設置 a 標簽的 id 屬性,去到頁面中任意壹個位置:

id 屬性的值,在同壹個 HTML 頁面中不能重復。很好理解,如果妳在很多個地方設置了 id="label" ,那麽 href="#label" 就不知道定位到那個位置。id 的數值只能以字母開頭,比如, id="123abc" 就不行,不能以數字開頭。

類似點擊 聯系我們 的效果: