1. 程式人生 > 其它 >5、HTML標籤(2)

5、HTML標籤(2)

1、佈局框架標籤

2、文字格式化標籤

3、影象標籤

4、路徑

5、超連結標籤

 

 

 

 

1、佈局框架標籤

  div:div標籤是塊級元素,它包含的元素會自動換行,沒有上下間隔間距。

  span:span標籤是行內元素,在它的前後不會換行,有多寬佔多寬。

 

2、文字格式化標籤

標籤 說明
b、strong 加粗
u、ins 下劃線
i、em 傾斜
s、del 刪除線

 

 

 

 

 

 

 

 

3、影象標籤  

  <img src="影象路徑" alt="當圖片無法顯示時替換成此處"  title="滑鼠放上去顯示文字" >

屬性 屬性值 說明
src 圖片路徑 必須屬性
srcset、sizes 圖片路徑 根據不同螢幕、畫素密度顯示不同圖片
alt 文字 替換文字,影象不能顯示時的文字
title 文字 提示文字,滑鼠放上去顯示的文字
width 畫素 設定影象寬度
height 畫素 設定影象高度
border 畫素 設定影象邊框粗細

 

 

 

 

 

 

 

 

 

 

4、路徑

  絕對路徑:目錄下的絕對位置,可以從碟符開始,也可以是具體網站上的一張圖片。

  相對路徑:圖片相對於HTML頁面的位置,下一級路徑用符合/,上一級路徑用符合../ 。

 

5、超連結標籤 

  <a href="跳轉目標" target="目標視窗的彈出方式" 文字或影象> </a>

屬性 作用
href 用於指定目標連結的url地址,必須屬性
target 用於指定目標連結的開啟方式,_self為預設值,_blank為在新視窗中開啟方式