HTML基礎——網站圖片顯示頁面

時間 2019-11-11

標籤 html 基礎網站圖片顯示頁面欄目 HTML 简体版

原文原文鏈接

一、圖片標籤html

　　<img />瀏覽器

　　屬性：
　　　　src:指的是圖片顯示的路徑(位置)
　　　　　　絕對路徑：D:\Pictures\Saved Pictures
　　　　　　相對路徑：
　　　　　　　　　　①同一級：直接寫文件名稱或者./文件名稱
　　　　　　　　　　②上一級：../文件名稱
　　　　　　　　　　③下一級：寫上目錄名稱/文件名稱
　　　　　　width:指定圖片的寬度，取值能夠是像素值，也能夠是百分比
　　　　　　height：指定圖片的高度，取值能夠是像素值，也能夠是百分比
　　　　　　alt：當圖片沒法正常顯示的時候給出的提示信息(該屬性的顯示效果與瀏覽器以及瀏覽器版本有關)網站

二、首先準備兩張圖片放在img文件夾下，如圖：spa

代碼以下：code

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>網頁圖片顯示頁面</title>
 6     </head>
 7     <body>
 8         <img src="../img/logo2.png" width="260px" height="45px" alt="logo圖片"/>
 9         <img src="../img/header.png" width="300px" height="45px" alt="header圖片"/>
10     </body>
11 </html>