หน้าเว็บที่มีสีสันที่ฉันเห็นในวันนี้ล้วนเป็นเพราะผลกระทบของภาพ ลองคิดดูว่าหน้าเว็บบนอินเทอร์เน็ตเป็นข้อความธรรมดาทั้งหมดซึ่งน่าเบื่อมากและคุณจะรู้ถึงความสำคัญของภาพในการออกแบบเว็บ สามารถแทรกรูปภาพในหน้า HTML รูปแบบรูปภาพที่ใช้กันทั่วไปบนหน้าเว็บคือ JPEG และ GIF:
JPEG (กลุ่มผู้เชี่ยวชาญด้านการถ่ายภาพร่วม) เป็นรูปแบบไฟล์พิเศษที่ออกแบบมาสำหรับภาพภาพถ่าย JPEG รองรับหลายล้านสี JPEG เป็นรูปแบบการสูญเสียคุณภาพซึ่งหมายความว่าข้อมูลภาพบางอย่างหายไประหว่างการบีบอัดซึ่งจะช่วยลดคุณภาพของไฟล์สุดท้าย อย่างไรก็ตามข้อมูลภาพถูกยกเลิกน้อยมากและจะไม่มีความแตกต่างอย่างมีนัยสำคัญในคุณภาพ
รูปแบบการแลกเปลี่ยนกราฟิก GIF เป็นรูปแบบที่ได้รับความนิยมอย่างมากในภาพเว็บ ในขณะที่มันมีเพียง 256 สี GIF ให้ยอดเยี่ยมเกือบจะไม่สูญเสียการบีบอัดภาพ และ GIF สามารถมีพื้นที่โปร่งใสและภาพเคลื่อนไหวหลายภาพ มันบีบอัดโดยการสแกนแถวพิกเซลในแนวนอนเพื่อค้นหาพื้นที่สีคงที่จากนั้นลดจำนวนพิกเซลในพื้นที่เดียวกัน ดังนั้น GIF มักจะเหมาะสำหรับการ์ตูนกราฟิกโลโก้กราฟิกที่มีพื้นที่โปร่งใสภาพเคลื่อนไหว ฯลฯ
การแทรกรูปภาพลงในหน้าสามารถทำให้สวยงามได้ มีแท็กเดียวเท่านั้นที่จะแทรกภาพนั่นคือแท็ก <Img> เมื่อแทรกภาพมันไม่เพียงพอที่จะใช้แท็ก <IMG> และต้องเสร็จสิ้นด้วยแอตทริบิวต์อื่น ๆ ดังที่แสดงในตารางต่อไปนี้
| คุณสมบัติ | อธิบาย |
|---|---|
| SRC | ไฟล์แหล่งข้อมูลภาพ |
| Alt | ข้อความแจ้ง |
| ความกว้างความสูง | ความกว้างความสูง |
| ชายแดน | กรอบ |
| VSPACE | ระยะห่างแนวตั้ง |
| HSPACE | ระยะห่างแนวนอน |
| จัดแนว | การจัดเตรียม |
| dynsrc | ตั้งค่าการเล่นของไฟล์ avi |
| วง | ตั้งค่าจำนวนไฟล์ AVI ครั้งที่เล่นลูป |
| Loopdelay | ตั้งค่าความล่าช้าในการเล่นลูปของไฟล์ avi |
| เริ่ม | ตั้งค่าวิธีการเล่นไฟล์ avi |
| ต่ำต้อย | ตั้งค่ารูปภาพความละเอียดต่ำ |
| usemap | แผนที่รูปภาพ |
โดยการระบุเส้นทางของไฟล์แหล่งที่มาของภาพด้วยแอตทริบิวต์ SRC การแทรกภาพจะเสร็จสมบูรณ์
ระบุเส้นทางผ่านแอตทริบิวต์ SRC และ file_name เป็นพา ธ เพื่อแทรกภาพ
แทรกภาพผ่านแอตทริบิวต์ SRC ที่ทำเครื่องหมายด้วย <img>
01 <!---------------------------->
02 <!-ตัวอย่างไฟล์: 9-1.htm->
03 <!-คำอธิบายไฟล์: แทรกรูปภาพ->
04 <!---------------------------->
05 <html>
06 <head>
07 <title> แทรกรูปภาพ </title> 2 หน้าในทั้งหมดหน้าก่อนหน้า 12 หน้าถัดไปหน้าถัดไป