你可以在你的網頁上新增圖片讓它看起來花俏些。
我們會使用一個圖片 tag：<img>
這個 tag 跟其他你先前學的 tags 有些不太一樣，它並不是在兩個 tags 中間放些內容，而是需要你利用 src 來告訴它需要從哪裡取得圖片。
另一個不一樣的地方是，它沒有一個代表結束的 tag ，它只是利用在 tag 裡面的 / 來表示結束，如： <img src="url" />
向右邊查看這個 tag 的功能，它在頁面新增了一張像皮鴨的圖片！
有看到在 src= 後面接的網頁路徑(web address or URL )嗎？在這裡是 "http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"，它這告訴 <img> tag 要去哪裡取得這張圖片！
每個在網頁上的圖片都有屬於他們圖片自己的 URL。
我們可以簡單地在一張圖片上面按右鍵並選擇"複製影樣網址"，然後在自己的 <img> tag 的裡面、在 src= 後面的兩個雙引號的裡面，貼上剛剛複製的 URL，來新增一張新的圖片。
- 在第一張圖片的下面新增第二張圖片。（確認它必須要在
</body>的前面） - 如果你想不到好的圖片來使用，來使用這張忍者圖片：
http://s3.amazonaws.com/codecademy-blog/assets/ninja_zpsa5dbe37a.jpg