国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁課程HTML Fun ClassHTML image

HTML image

目錄列表

標簽

在 HTML 中,圖像由 標簽定義。

是空標簽,它只包含屬性,并且沒有閉合標簽。

要在頁面上顯示圖像,你需要使用源屬性(src)。源屬性的值是圖像的 URL 地址。

定義圖像的語法是:

<img src="url" />


在 HTML 中,用什么標簽來定義圖像?

< />

圖像位置

URL 指存儲圖像的位置,你需要為位于引號之間的 src 屬性放置圖像位置。

例如, 如果名為 "logo.png" 的圖像位于 m.miracleart.cn 的 images 目錄中,那么其 URL 為 http://m.miracleart.cn/images/logo.png。

   <html>
   <head>
      <title>first page</title>
   </head>
   <body> 
      <img src="logo.png" alt="" />
   </body>
</html>

如果圖像無法顯示,則 alt 屬性用來為圖像定義一串預(yù)備的可替換的文本。alt 屬性是必需的。


在HTML中,用什么屬性來添加圖像 URL?

設(shè)置圖像的高度與寬度

height(高度) 與 width(寬度)屬性用于設(shè)置圖像的高度與寬度。

該屬性值可以以 像素 或 百分比 形式指定,默認單位為像素。

<html>
   <head>
      <title>first page</title>
   </head>
   <body> 
      <img src="logo.png" height="100px" width="100px" alt="" />
      <!-- 或者 -->
      <img src="logo.png" height="80%" width="80%" alt="" />
   </body>
</html>

在HTML中,設(shè)置圖像的高度與寬度是用哪兩個屬性?

圖像邊框

標簽的 border 屬性規(guī)定圖像周圍的邊框的寬度。

注釋:默認情況下,圖像是沒有邊框的。

使用 border 屬性和一個用像素表示的寬度值就可以去掉 (border="0") 或加寬圖像的邊框。

實例:

<img src="logo.png" height="100px" width="100px" border="2" alt="" />

帶有 2 像素粗邊框的圖像:



在橫線處填寫創(chuàng)建帶有 5 像素粗邊框的圖像:

<img ="logo.png" alt="" ="5" />