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

首頁(yè) > 課程 > HTML趣味課堂 > HTML 圖像

HTML 圖像

目錄列表

標(biāo)簽

在 HTML 中，圖像由 標(biāo)簽定義。

是空標(biāo)簽，它只包含屬性，并且沒(méi)有閉合標(biāo)簽。

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

定義圖像的語(yǔ)法是：

<img src="url" />


在 HTML 中，用什么標(biāo)簽來(lái)定義圖像？

< />

圖像位置

URL 指存儲(chǔ)圖像的位置，你需要為位于引號(hào)之間的 src 屬性放置圖像位置。

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

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

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


在HTML中，用什么屬性來(lái)添加圖像 URL？

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

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

該屬性值可以以 像素 或 百分比 形式指定，默認(rèn)單位為像素。

<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è)置圖像的高度與寬度是用哪兩個(gè)屬性？

圖像邊框

標(biāo)簽的 border 屬性規(guī)定圖像周?chē)倪吙虻膶挾取?br/>

注釋?zhuān)耗J(rèn)情況下，圖像是沒(méi)有邊框的。

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

實(shí)例：

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

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



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

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