Adding imagesYou can add images to

Adding images
You can add images to your websites to make them look fancy.

We use an image tag, like so: . This tag is a bit different from the others. Instead of putting the content between the tags, you tell the tag where to get the picture using src. It's also different because there is no ending tag. It has / in the tag to close it: .

Check out the tag to the right—it adds a picture of a rubber duck to the page! (You can see it by clicking on the Preview button.)

See the web address (or URL) after src=? It's "https://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg". That tells the tag where to get the picture from!

Every image on the web has its own image URL. Simply right-click on an image and choose "Copy image URL." Paste that URL in quotes after src= to insert with your tag.

ผลลัพธ์ (ไทย) 2:

เพิ่มภาพคุณสามารถเพิ่มรูปภาพไปยังเว็บไซต์ของคุณเพื่อให้พวกเขามีลักษณะแฟนซี. เราใช้แท็กภาพเช่นดังนั้น: แท็กนี้เป็นบิตที่แตกต่างจากคนอื่น ๆ แทนการใส่เนื้อหาระหว่างแท็กที่คุณบอกแท็กที่จะได้รับภาพโดยใช้ src นอกจากนี้ยังแตกต่างกันเพราะไม่มีแท็กสิ้นสุด มันได้ / ในแท็กที่จะปิดมัน. ตรวจสอบแท็กไปขวาจะเพิ่มภาพของเป็ดยางเพื่อหน้า! (คุณสามารถดูได้โดยคลิกที่ปุ่มแสดงตัวอย่าง.) ดูอยู่เว็บ (หรือ URL) หลังจาก src =? มันเป็น "https://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg" ที่บอกเล่าแท็กที่จะได้รับภาพจาก! ภาพบนเว็บทุกคนมี URL ของภาพของตัวเอง เพียงแค่คลิกขวาที่ภาพและเลือก "คัดลอก URL รูปภาพ." วาง URL ในเครื่องหมายคำพูดว่าหลังจาก src = แทรกกับแท็ก

ผลลัพธ์ (ไทย) 3:

เพิ่มภาพ
คุณสามารถเพิ่มภาพไปยังเว็บไซต์ของคุณเพื่อให้พวกเขาดูแฟนซี

เราใช้ภาพแท็กเช่นดังนั้น : < IMG > แท็กนี้จะแตกต่างจากคนอื่น ๆ นิดหน่อย แทนการใส่เนื้อหาระหว่างแท็ก คุณบอกป้ายที่จะได้รับภาพโดยใช้ SRC . มันก็แตกต่างกันเพราะไม่มีสิ้นสุด แท็ก มันมี / แท็กปิด < img src = " URL " / > .

ตรวจสอบแท็กจะถูกเพิ่มภาพของเป็ดยางเพื่อหน้า ! ( คุณสามารถดูได้โดยคลิกที่ปุ่ม Preview )

เห็นที่อยู่เว็บ ( URL ) หลังจาก src = ? มันคือ " https : / / S3 amazonaws . com / codecademy บล็อก / ทรัพย์สิน / f3a16fb6 . jpg " ที่บอก < IMG > แท็กที่จะได้รับภาพจาก

ทุกภาพบนเว็บที่มี URL รูปของตัวเองเพียงแค่คลิกขวาที่ภาพแล้วเลือก " คัดลอก url รูปภาพ " แปะที่ URL ในราคาหลังจาก src = แทรกด้วย < IMG > แท็ก