HTML基礎教學(8)--圖片標籤

網頁之所以迷人, 有一個很大的原因是它能顯示多媒體, 圖片就是其中之一, 圖片的應用不單只是像照片一樣一張一張的顯示在畫面上, 應用最多的可能還是用來美化頁面, 例如網頁上的小插圖, 畫面的底圖, 甚至是為了設計感而做的圓角框等等, 只要發揮你的創意, 原本在 HTML 上做不到的排版, 利用圖片的應用, 也可能美夢成真

圖片的標籤語法如下

<IMG src="圖片所在的URL">

例如在網頁上, 寫以下的標籤語法, 即可看到一些圖片

<IMG src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKv4ebj-ZuyHe8dEmIfJZalgUxcwuoQ28I4XknG4cVQnxFUxnXLK3XoTyTEQqVF93ty6cOuySmROWtXVCrnethWjIaYV7lKFMDkhsozsIZOu68NHH1VU9jFWxKsvhpevhklkQqUIXyYKY/s1600/logo.jpg">

只要把 src 屬性的 URL 換上你的圖片網址就可以了, 當然, 若圖片在同一個站上, 就可以使用[認識URL]這一篇中所介紹的相對網址的用法

上面介紹的就是基本的圖片標籤用法, 至於美化排版的部份, 這裡暫時無法舉例, 因為會用到其他尚未介紹的標籤語法, 容我以後再舉例 ^_^"
--gs--
{HTML基礎教學}{網頁圓角框}{網頁多媒體}

沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。