小白學習HTML 二 超連結與錨點

2021-10-07 21:18:10 字數 1746 閱讀 2517

1、建立超連結

乙個**通常由多個頁面構成,如果想從首頁跳轉到其他頁面,就需要在首頁相應的位置新增超連結而在html中建立超連結非常簡單,只需用

標記環繞需要被鏈結的物件即可。

基本語法格式

文字或影象

target 用於指定鏈結頁面的開啟方式,其取值有_self和_blank兩種,其中_self為預設值,意為在原視窗中開啟,_blank為在新視窗中開啟。

在建立影象超連結時,在某些瀏覽器中,影象會自動新增邊框效果,這時為了不影響頁面的美觀,通常需要清除超連結影象的邊框,使影象正常顯示。

具體**如下:

2、建立錨點鏈結

先使用「鏈結文字」建立鏈結文字,再使用相應的id名標註跳轉目標的位置。

3、使用img標記

瀏覽網頁時我們常常會被網頁中的影象所吸引,巧妙地在網頁中使用影象可以為網頁增色不少。下面介紹幾種常用的影象格式、以及如何在網頁中插入影象以及如何設定影象的樣式。

html網頁中任何元素的實現都要依靠html標記,要想在網頁中顯示影象就需要使用影象標記。(src屬性用於指定影象檔案的路徑和檔名)

基本語法格式

影象標記的相關屬性

alt 影象的替換文字屬性,在影象無法顯示時告訴使用者該的內容。

width height 用來定義的寬度和高度,通常我們只設定其中的乙個,另乙個會按原圖等比例顯示。

border 為影象新增邊框、設定邊框的寬度。但邊框顏色的調整僅僅通過html屬性是不能夠實現的。

align 影象的對齊屬性align。用於調整影象的位置。

vspace hspace html中通過vspace和hspace屬性可以分別調整影象的垂直邊距和水平邊距。

另外,影象標記中的屬性title可以用於設定滑鼠懸停時影象的提示文字。

4、 相對路徑和絕對路徑

路徑在實際工作中的應用方式,通常新建乙個資料夾專門用於存放影象檔案,這時再插入影象,就需要採用「路徑」的方式來指定影象檔案的位置,在通過設定「路徑」來幫助瀏覽器找到影象檔案。

相對路徑相對路徑不帶有碟符,通常是以html網頁檔案為起點,通過層級關係描述目標影象的位置。

絕對路徑絕對路徑一般是指帶有碟符的路徑,例如完整的網路位址 「

注:相對路徑與絕對路徑要區分開來,網頁製作中會經常用到。

HTML錨點 特殊的超連結

錨點 mao dian 其實就是超連結的一種,一種特殊的超連結 普通的超連結,是跳轉到不同的頁面 而錨點,可以在同乙個頁面中不同的位置間跳轉 可以看到,跳轉到錨點的超連結跟普通的超連結格式是一樣的,錨點超連結錨點的超連結路徑一定包含 而後面緊跟元素的id或者name 所以id和name必須一樣,其實...

建立錨點 超連結 標籤

建立錨點其實很簡單的主要包括兩部分 設定錨點和建立錨點鏈結。1 設定錨點 把游標置於文件視窗想要設定錨點的地方 就是你所說的頁面頂端 點選插入面板中 常用 常用錨記 在彈出的對話方塊中起乙個錨名字 如one 2 建立錨點鏈結 選擇要建立鏈結的文字或影象,在屬性面板的鏈結中輸入乙個 號和錨點名。例如 ...

HTML鏈結 錨點

可做頁內跳轉。參考 w3school 總 也就是說,首先在需要加錨點鏈結的地方新增鏈結的name屬性,然後在其他地方的鏈結中的href就可以指向name,用href name名字 在其他頁面中使用時href要寫完整的url.就醬!name 屬性規定錨 anchor 的名稱。您可以使用 name 屬性...