當前位置:編程學習大全網 - 編程語言 - 怎麽在網頁中插入圖片html圖片代碼

怎麽在網頁中插入圖片html圖片代碼

1、上傳圖片。

有很多免費的圖片寄存服務網站,如Picasa網絡相冊、Imgur網站、Flickr相冊或相桶網站等等。如果妳想要使用其它網站上的照片,請先詢問該網站的創建者,在獲得授權後方可使用。如果創建者同意的話,先下載圖片,然後再上傳到圖片寄存網站。

2、打開需要添加圖片的網頁文檔。

如果妳想要在論壇中插入壹張圖片,可以在帖子中直接輸入。許多論壇並沒有使用HTML來編輯網頁,而是使用壹種自定義的系統來進行編寫。如果方法不適用,請向其它論壇高手尋求幫助。

3、以img標簽來開頭。

在網頁的主體部分(即HTML的<body>部分)找到妳想要插入圖片的位置。在這裏寫下<img>標簽。這是壹個空標簽,創建的是被引用圖像的占位空間。同時在HTML中,<img>標簽是沒有結束標簽的。您需要將插入的圖片放在兩個尖括號之中。

4、找到圖片的URL地址。

訪問存放圖片的網頁。右鍵點擊圖片(Mac電腦中自動點選),然後選擇“復制圖片網址”。妳也可以點擊“查看圖片”,來在新標簽頁中單獨瀏覽圖片。然後再復制地址欄裏的URL地址。

5、將URL地址放到“src”屬性中。

正如妳所知道的那樣,HTML屬性通過標簽來修飾元素,為HTML元素提供附加信息。src?屬性是“來源”的縮寫,會告訴瀏覽器去哪裏能查找到圖片。寫下src="",將圖片的URL地址粘貼到引號之中。

6、添加“alt”屬性。

從技術層面講,妳的HTML文件已經具備了顯示圖片的所有元素了。不過,最好添加上alt屬性,這會在圖片加載失敗時以文字形式來顯示圖片內容。

7、保存更改。

將HTML文件保存到妳的網站。訪問妳剛剛編輯好的頁面,如果妳已經打開了網頁,請再次刷新壹下。此時妳應該能看到添加的圖片了。

  • 上一篇:用歐陸590 直流調速器 ssd590P 改造龍門刨床 怎麽接線和跳線跳線 那些需要短接才能實現刨銑功能
  • 下一篇:Python編程旅行
  • copyright 2024編程學習大全網