ใน HTML แท็กรูปภาพคืออะไร?

เมื่อสร้างหน้าเว็บโดยใช้ HTML แท็กรูปภาพจะใช้เพื่อแทรกรูปภาพหรือกราฟิกในสถานที่เฉพาะบนหน้ามีหลายวิธีที่สามารถใช้รูปภาพบนหน้าเว็บได้ตั้งแต่การเพิ่มความสนใจไปจนถึงการใช้เป็นเครื่องมือนำทางหรือเพื่อให้ข้อมูลนอกจากนี้ยังมีรูปแบบที่แตกต่างกันหลายรูปแบบที่สามารถใช้งานได้ไม่ว่าจะเพิ่มรูปภาพหรืออะไรในหน้าเว็บจำเป็นต้องใช้แท็กรูปภาพเสมอ

เพื่อเพิ่มรูปภาพแท็กรูปภาพจะรวมอยู่ในตำแหน่งที่คุณต้องการให้ภาพปรากฏภายในหน้าของคุณตัวอย่างเช่นหากมีการแทรกภาพหลังจากย่อหน้านี้แท็กภาพหรือ lt; img gt; จะถูกเพิ่มลงในเอกสาร HTML หลังจากย่อหน้านี้แท็ก lt; img gt;กำหนดภาพทั้งหมดใน HTMLมันถูกเรียกว่าเป็นแท็กที่ว่างเปล่าเนื่องจากมีคุณสมบัติและไม่มีแท็กปิดแอตทริบิวต์เป็นตัวเลือกที่พร้อมใช้งานสำหรับแท็ก HTML เฉพาะ

ถ้าเท่านั้น lt; img gt;ถูกเพิ่มเข้าไปในเอกสาร HTML ไม่มีอะไรจะแสดงเป็นคุณลักษณะของแท็กไม่ได้รวมอยู่ด้วยคุณลักษณะที่สำคัญที่สุดสำหรับ lt; img gt;คือ SRC ซึ่งหมายถึงแหล่งที่มาแอตทริบิวต์ SRC ระบุตำแหน่งที่ไฟล์ภาพอยู่จริงหรือเป็นที่อยู่สำหรับไฟล์ภาพเนื่องจากภาพกำลังใช้บนหน้าเว็บที่ตั้งของภาพจะได้รับเป็น URLภายในเอกสาร HTML ภาพจะมีลักษณะเหมือน: lt; img src ' url /gt;

pecically, URL ชี้ไปที่ที่จัดเก็บภาพตัวอย่างเช่นหากภาพของคอมพิวเตอร์ที่มีชื่อไฟล์ filename.jpg ถูกเก็บไว้ในโฟลเดอร์รูปภาพบน www.wisegeek.com URL จะถูกแทนที่ด้วย: lt; img src ' www.wisegek.com/รูปภาพ/คอมพิวเตอร์jpg / gt;เมื่อเบราว์เซอร์เปิดหน้าเว็บมันจะแสดงภาพที่มีแท็กภาพรวมอยู่

แท็กรูปภาพมีแอตทริบิวต์อื่น ๆ อีกมากมายพวกเขาอนุญาตให้ผู้ใช้ปรับแต่งภาพบนหน้าเว็บได้อย่างไรแอตทริบิวต์ต่อไปนี้มักใช้สำหรับแท็กนี้: alt, เส้นขอบ, ขนาดและการจัดตำแหน่ง

แอตทริบิวต์

alt หมายถึงข้อความอื่นและจะแสดงหากเบราว์เซอร์ไม่สามารถแสดงภาพได้นอกจากนี้ยังมีการอ่านข้อความสำรองสำหรับผู้ใช้ที่ถูกท้าทายทางสายตาและเลือกที่จะแสดงข้อความผ่านภาพสำหรับตัวอย่างด้านบนข้อความสำรองอาจระบุว่าเป็น ALT ' ภาพของคอมพิวเตอร์

แอตทริบิวต์ border

เพิ่มเส้นขอบให้กับภาพที่มีความหนาขึ้นอยู่กับจำนวนพิกเซลที่ระบุไว้สิ่งนี้มีประโยชน์อย่างยิ่งเมื่อพื้นหลังภาพและพื้นหลังของเว็บไซต์คล้ายกันและต้องการความแตกต่างที่ชัดเจนตัวอย่างเช่นเส้นขอบ ' 10 จะวางเส้นขอบหนา 10 พิกเซลรอบ ๆ ภาพ

ขนาด

แอตทริบิวต์มีความสำคัญเช่นกันเนื่องจากความกว้างและความสูงสามารถใช้เพื่อระบุขนาดที่แน่นอนของภาพคุณลักษณะเหล่านี้จำเป็นต้องใช้อย่างระมัดระวังเนื่องจากการเปลี่ยนแปลงอาจส่งผลกระทบต่อสัดส่วนหรือคุณภาพของภาพที่แสดงแอตทริบิวต์ขนาดไม่เปลี่ยนไฟล์จริงเพียงวิธีที่เบราว์เซอร์แสดงขึ้นแอตทริบิวต์

จัดตำแหน่ง

ระบุวิธีการจัดแนวภาพเมื่อเทียบกับข้อความบนหน้ามีตัวเลือกที่แตกต่างกันหลายประการสำหรับแอตทริบิวต์นี้รวมถึงด้านบน, ล่าง, กลาง, ซ้าย, ซ้าย, ขวา, absmiddle, absbottom, baseline และ texttopแท็กเหล่านี้ยังช่วยกำหนดว่าข้อความบนหน้าจัดเรียงกับภาพได้อย่างไร