歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
  在HTML頁面中插入圖片需要用到html中的<img>標簽
 
  <imgsrc=""alt="">
 
  img代表“圖像”,它是圖像在頁面上顯示。
 
  src代表“來源”它告訴瀏覽器去哪里找圖像,在寫代碼的時候最好將圖片放置在一個文件夾下保存,通過這樣的方式可以通過名稱前面的子目錄名稱來調用圖片
 
  alt代表“文字”告訴瀏覽器如果找不到圖像,就只顯示該文本,或者將鼠標懸停在圖像上就會彈出設置的文字
 
  Web的圖像格式
 
  .gif:是一種簡單的格式,由一系列彩色圖片元素或點,排列成一幅圖片,是動圖
 
  .png:與gif格式類似但它具有部分透明度選項,只支持無損壓縮。
 
  .JPEG:JPEG格式是目前網絡上最流行的圖像格式,是可以把文件壓縮到最小的格式
 
  HTML插入圖片方法
 
  直接在html代碼內插入圖片
 
  <imgsrc="images/1.jpg">
 
  效果圖:
 

 
  在CSS樣式中插入圖片
 
  <style>
 
  div{
 
  width:450px;
 
  height:300px;
 
  background-image:url("images/2.jpg")
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <div></div>


 

如需轉載,請注明文章出處和來源網址:http://www.khijtf.live/html5/h54321.shtml

江西多乐彩走势图今天 压瓦带卖镀锌管材赚钱吗 热血英豪快速赚钱 创赢科技挂机赚钱软件 单机版捕鱼达人 宝盈彩票苹果 赚钱的主机游戏 2018可以多开赚钱的手游 梦幻西游干啥赚钱啊 王者捕鱼器68000图纸 6169彩票苹果 发段子图片怎么赚钱 方舟怎么开服务器赚钱 69五开什么最赚钱 陕西闲来麻将开挂下载 苹果有哪些手游赚钱方法 dnf85在哪搬砖最赚钱