html插入圖片示例(html添加圖片)

字號(hào):


    點(diǎn)評(píng):這篇文章主要介紹了html插入圖片示例(html添加圖片),需要的朋友可以參考下
    在html插入圖片 讓圖片顯示需要HTML標(biāo)簽來(lái)實(shí)現(xiàn),使用img標(biāo)簽即可實(shí)現(xiàn)。
    一、html圖片標(biāo)簽語(yǔ)法
    代碼如下:
    <img src="divcss5-logo-201305.gif" width="165" height="60" />
    img介紹:
    src 后跟的是圖片路徑地址
    width 設(shè)置圖片寬度
    height 設(shè)置圖片高度
    二、具體html 圖片顯示實(shí)例 - TOP
    我們?cè)趆tml源代碼中分別插入三張圖片,一張?jiān)即蟆⒁粡垖挾雀叨雀男⌒?、一張將寬度高度改大?BR>    1、實(shí)例完整html代碼:
    代碼如下:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>圖片插入html 在線演示 <a >www.vcss.com</title</a>>
    </head>
    <body>
    <p>原始大圖片</p>
    <p>
    <img src="divcss5-logo-201305.gif" width="165" height="60" />
    </p>
    <p>改小圖片</p>
    <p>
    <img src="divcss5-logo-201305.gif" width="105" height="30" />
    </p>
    <p>改大圖片</p>
    <p>
    <img src="divcss5-logo-201305.gif" width="365" height="120" />
    </p>
    </body>
    </html>
    2、html插入圖片實(shí)例截圖
    
1.jpg