HTML學習(4)圖像

1.圖像格式

  JPEG格式能很好的再現照片,是一種專門設計用來有效存儲照片的格式.這些圖像文件通常具有.jpg或.jpeg文件擴展名.

  GIF格式可以有效地存儲除照片以外的圖像,如插圖和圖表等.這些圖像文件通常具有.gif文件擴展名.

2.內嵌圖像

  用<img>標籤可以引用圖像,該標籤必需有一個src屬性,用來表示將要顯示的圖像的地址.

  示例:

  <img src = "a.jpg">//相對路徑

  <img src = "http://www.xx.com/images/a.jpg">//絕對路徑

  alt屬性用來將文本指定給圖像.將指針停放在圖像上將會顯示文本.

  示例:

  <img src = "a.jpg" alt = "The introduction">

  width和height屬性用來設置圖像的寬度和高度.

  hspace和vspace屬性可以精確地控制圖像的上下和左右的像素距離.

  border屬性可以爲圖像創建一個邊框,其值表示邊框的寬度.

  align屬性可以設置圖片對其方式.其值如下:

    left            左對齊圖像,圖像右側排列段落文本.

    right          右對齊圖像,圖像左側排列段落文本.

    top            沿當前文本行或圖像最高行頂端對齊圖像.

    texttop      沿當前文本行頂端對齊圖像.

    middle       沿當前文本行底端居中對齊圖像.

    absmiddle  沿當前文本行或圖像最高行頂端居中對齊圖像.

    center        效果同上.

    bottom       沿當前文本行底部對齊圖像底部.

    baseline     效果同上.

    absbottom  沿當前文本行或當前最高圖像的底部對齊圖像的底部.

3.外部圖像

  用<a>標籤可以建立一個指向圖像的超鏈接.

  示例:

  <a href = "a.jpg"></a>

4.背景圖像

  用<body>標籤的background屬性來制定背景圖像.bgColor屬性可以設置背景顏色,但不能同時使用,因爲背景圖像將會掩蓋背景色.

  示例:

  <body background = "a.gif">

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章