Basic HTML and HTML5：Add Images to Your Website
คุณสามารถใส่รูปภาพในเวปไซต์โดยการใช้ img element และชี้ไปที่ URL ของรูปนั้นๆ โดยการใช้ คุณลักษณะของsrc attribute.
ตัวอย่างจะเป็นลักษณะนี้:
<img src="https://www.your-image-source.com/your-image.jpg">
อย่าลืมว่า img elements จะมีการปิดในตัวเอง (self-closing)
img elements ทั้งหมด ต้อง มี คุณลักษณะ alt attribute ข้อความใน คุณลักษณะalt attribute ใช้สำหรับคนอ่านหน้าจอเวปไซต์ เพื่อพัฒนาการเข้าถึงและแสดงผลลัพธ์ (ดิสเพลย์) ถ้ารูปภาพไม่สามารถโหลดได้
อย่าลืมว่า: ถ้ารูปภาพมีเพื่อแค่ตกแต่งอย่างเดียว การใช้คุณลักษณะ alt attribute attribute ทีไม่สมควรบรรจุหรือมีตัวอักษรแบบพิเศษเว้นแต่ว่าจำเป็นต้องมีจริงๆ
จริงๆแล้ว คุณลักษณะ alt attribute ไม่สมควรบรรจุหรือมีตัวอักษรแบบพิเศษเว้นแต่ว่าจำเป็นต้องมีจริงๆ
เรามาเพิ่ม คุณลักษณะ alt attribute ให้ตัวอย่าง img example ข้างบนกันเถอะ:
<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up.">
คราวนี้ ลองเพิ่มรูปภาพให้เวปไซต์ของเรากันเถอะ:
ใส่ img tag, ก่อน h2 element.
ถึงตรงนี้ ให้ตั้งคุณลักษณะ src attribute มันจะได้ชี้ไปที่ url นี้:
https://bit.ly/fcc-relaxing-cat
สุดท้าย อย่าลืมให้ alttext หรือข้อความ alt กับรูปภาพของคุณด้วย